vue-scroller - Scroller Component for Vue.js

  •        343

Vue Scroller is a foundational component of Vonic UI. In purpose of smooth scrolling, pull to refresh and infinite loading. For vue 1.0, please refer to branch v1.

https://github.com/wangdahoo/vue-scroller

Dependencies:

vue : ^2.2.6

Tags
Implementation
License
Platform

   




Related Projects

vue-pull-to - ⚡️ A pull-down refresh and pull-up load more and infinite scroll component for Vue

  •    Javascript

A pull-down refresh and pull-up load more and infinite scroll component for Vue.js. The component will occupy 100% height of the parent element by default. props top-load-method and bottom-load-method will default to a loaded parameter, which is a function that changes the state of the component's load, and must be called once loaded. The component will always be loaded, if loaded('done') The internal state of the component will become a successful state of loading, loaded('fail') for the failure.

vue-virtual-scroller - ⚡️ Smooth scroll with any amount of data

  •    Vue

Smooth scroll with any amount of data (demo). ⚠️ vue-virtual-scroller now uses vue-observe-visibility to automatically refresh itself when shown to prevent display glitches. This means you need to include the Intersection Observer polyfill needed by vue-observe-visibility for this to work in old browsers (like Internet Explorer).

vue-infinite-loading - An infinite scroll plugin for Vue.js.

  •    Javascript

An infinite scroll plugin for Vue.js, it can help you impletement infinite scroll list more easily. To check out live examples and docs, visit Vue-infinite-loading GitHub Pages.

vue-infinite-scroll - An infinite scroll directive for vue.js.

  •    Javascript

vue-infinite-scroll is an infinite scroll directive for vue.js.Use v-infinite-scroll to enable the infinite scroll, and use infinite-scroll-* attributes to define its options.

vue-mugen-scroll - Infinite scroll component for Vue.js 2

  •    Javascript

むげん [mugen] means Infinity in English.The handler function to run after you scroll to the bottom of the list. It will also be invoked on component mounted and the mugen-scroll component is visible in viewport.


vue-virtual-scroll-list - A vue component that support big data list with high scroll performance.

  •    Javascript

If you are looking for a vue component which support big data list and high scroll performance, you are in the right place. Tiny and very very easy to use.

react-infinite-scroll - An infinite scroll component for React

  •    Javascript

⚠️ This repo is no longer maintained. There is an active fork running at CassetteRocks/react-infinite-scroller.

pull-to-refresh - #Busy Re-Building

  •    Swift

ESPullToRefresh is an easy-to-use component that give pull-to-refresh and infinite-scrolling implemention for developers. By extension to UIScrollView, you can easily add pull-to-refresh and infinite-scrolling for any subclass of UIScrollView. If you want to customize its UI style, you just need conform the specified protocol. Download and run the ESPullToRefreshExample project in Xcode to see ESPullToRefresh in action.

react-native-ultimate-listview - A high performance FlatList providing customised pull-to-refresh | auto-pagination & infinite-scrolling | gridview layout | swipeable-row

  •    Javascript

This module supports both of iOS and Android platforms. Know Issue (v3.3.0): On Android, if you are using CustomRefreshView, and the total hight of your first load data is less than your device height, then the RefreshView may still sticky on the top. However, if the data you loaded is beyond your screen, everything's fine. This issue only happen on Android, any PR is welcome.

INSPullToRefresh - A simple to use very generic pull-to-refresh and infinite scrolling functionalities as a UIScrollView category

  •    Objective-C

INSPullToRefresh is a simple to use very generic pull-to-refresh and infinite scrolling functionalities as a UIScrollView category. There are a lot of of pull to refresh views. We've never found one we are happy with. We always end up customizing one, so we decided to write one that's highly generic. You can just write you view and it to the content of pull to refresh or infinite scroll container view.

ui-scroll - Unlimited bidirectional scrolling over a limited element buffer

  •    Javascript

The common way to present to the user a list of data elements of undefined length is to start with a small portion at the top of the list - just enough to fill the space on the page. Additional rows are appended to the bottom of the list as the user scrolls down the list.The problem with this approach is that even though rows at the top of the list become invisible as they scroll out of the view, they are still a part of the page and still consume resources. As the user scrolls down the list grows and the web app slows down.

virtual-scroller

  •    

This repository hosts explorations for a new web platform feature, a virtual scroller control. The idea of a virtual scroller is to provide a scrolling "viewport" onto some content, allow extremely large numbers of elements to exist, but maintain high performance by only paying the cost for those that are currently visible. Traditionally, we say that the non-visible content is virtualized. Virtualized content is a popular and important pattern on the web. Most content uses it in some form: the https://m.twitter.com and https://facebook.com feeds; Google Photos and YouTube comments; and many news sites which have an automatic "scroll to next article" feature. Most popular frameworks have at least one high-usage virtualization component, e.g. React Virtualized with ~290K weekly downloads. See the infinite list study group for more research on existing virtualization solutions, both on the web and in other platforms like iOS.

vue-chat-scroll - Automatic scroll-to-bottom directive for vue.

  •    Javascript

A plugin for Vue.js 2 that scrolls to the bottom of an element when new content is added within said element. Check out our lovely demo. Just include ./dist/vue-chat-scroll.js after Vue itself.

vue-scrollto - Adds a directive that listens for click events and scrolls to elements.

  •    Javascript

For vue 1.x use vue-scrollTo@1.0.1 (note the capital T) but keep in mind that the old version depends on jquery. vue-scrollto uses window.requestAnimationFrame to perform the animations, thus giving the best performance.

intro-to-vue - Workshop Materials for my Introduction to Vue.js Workshop

  •    Vue

This repo houses the materials and resources for the Introduction to Vue.js. Most of the materials for the course are outlined below, but there are also directories housed here of very basic examples of some of the techniques we will cover so that students don't have to spend a lot of time researching in order to get started. It is recommended that students use CodePen to create work for the duration of the course, as we'll use preprocessors like SCSS as well as Babel for ES6, and resources like Vue.js, both prod and dev versions, codepen makes it easy to do so without time devoted to setup. If you like, you can also scroll to the CodePen collection section and fork one of the existing pens in those collections, they are comprehensive. There are more true-to-life build process examples, in the VueCLI, Nuxt, and Vuex Resource Sections. It's encouraged to watch the lecture to learn how to set up the builds yourself, though. For sections covering Nuxt, we will be using the directories listed in the Nuxt section below as well as their directories, prefixed with nuxt- here.

react-native-infinite-scroll-view - An infinitely scrolling view that notifies you as the scroll offset approaches the bottom

  •    Javascript

InfiniteScrollView is a React Native scroll view that notifies you as the scroll offset approaches the bottom. You can instruct it to display a loading indicator while you load more content. This is a common design in feeds. InfiniteScrollView also supports horizontal scroll views. It conforms to ScrollableMixin so you can compose it with other scrollable components.

vue-parallax - 🌌 Vue.js component for parallax image scroll effects

  •    Javascript

Is a compontent for fast 60fps parallax scroll effects in vue 2. vue-parallax works with slots. So you can pass an image or even srcsets for better mobile experiences.

jquery-mobile-iscrollview - JQuery Mobile widget plug-in for easy use of the iScroll javascript scroller

  •    Javascript

JQuery Mobile widget plug-in for easy use of the iScroll scroller in JQuery Mobile projects. iScroll is a javascript that can scroll content in a window within a web browser with very similar behaviour to native scrolling on mobile devices such as iPhone and Android. This means you can scroll a window within the browser using native-like scrollbars and physics.

scroll-frame - Retain your scroll position between pages using an iframe

  •    Javascript

Retain your scroll position between pages using an iframe. Especially helpful for infinite scrolling views.





We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.