vue-keep-scroll-position - A vue 2.0 directive to keep scroll position for keep-alived components.

  •        8

A vue 2.0 directive to keep scroll position for keep-alived components. Forked from vue-keep-scroll and rewritten for vue 2.0 compatibility.

https://github.com/beeplin/vue-keep-scroll-position#readme

Tags
Implementation
License
Platform

   




Related Projects

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.

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.

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-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.


scroll-behavior - Pluggable browser scroll management

  •    Javascript

Pluggable browser scroll management. This object will keep track of the scroll position. Call the updateScroll method on this object after transitions to emulate the default browser scroll behavior on page changes.

vue-scroller - Scroller Component for Vue.js

  •    Javascript

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.

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.

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.

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-slider-component - Can use the slider in vue1.x and vue2.x(vue滑块组件)

  •    Vue

if the component initialization in a v-show="false" / display: none container or use transform / animation / margin to change the location of the component, there may be an exception ( The slider cannot be used, because the component can not initialize the size or slider position ). # When using the template element as a slot, can add special properties scope or slot-scope to get the value.

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.

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.

ScrollTrigger - Triggers classes on html elements based on the scroll position

  •    Javascript

Triggers classes on html elements based on the scroll position. It makes use of requestAnimationFrame so it doesn't jack the users scroll, that way the user / browser keeps their original scroll behaviour. Animations run when the browser is ready for it. The init call takes 3 parameters, the first is a default set of options. The last two are the bindTo and scrollIn parameters. These are optional.

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).

better-scroll - :scroll: inspired by iscroll, and it supports more features and has a better scroll perfermance

  •    Javascript

better-scroll is a plugin which is aimed at solving scrolling circumstances on the mobile side (PC supported already). The core is inspired by the implementation of iscroll, so the APIs of better-scroll are compatible with iscroll on the whole. What's more, better-scroll also extends some features and optimizes for performance based on iscroll. better-scroll is implemented with plain JavaScript, which means it's dependency free. The size of compiled code is 63 KB, 35 KB after compressed, and only 9KB after gzip. better-scroll is a really lightweight JavaScript lib.

vuescroll - A customizable, smooth-scroll scrollbar based on Vue

  •    Javascript

It is compitable with both PC and mobile phone. Support customize scrollbar, including setting rail/bar's backgroundColor , opacity,and setting bar's keepShow or not.

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.

vue-draggable-resizable - Vue2 Component for draggable and resizable elements.

  •    Javascript

Vue2 Component for draggable and resizable elements. Determines if the component should be active or not. The prop reacts to changes and also can be used with the syncmodifier to keep the state in sync with the parent.

vuex-router-sync - Effortlessly keep vue-router and vuex store in sync.

  •    Javascript

Effortlessly keep vue-router and vuex store in sync.