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

  •        12

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.

https://github.com/theomessin/vue-chat-scroll#readme
https://github.com/theomessin/vue-chat-scroll

Tags
Implementation
License
Platform

   




Related Projects

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

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-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-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-vscode-snippets - These snippets were built to supercharge my workflow in the most seamless manner possible

  •    Javascript

These snippets were built to supercharge my workflow in the most seamless manner possible. This repo was built particularly for real world use. It doesn't catalogue the API definitions, and it's not a kitchen sink approach. Rather, it focuses on developer ergonomics from the point of Vue of real world use. Included are the pieces I personally get sick of typing, have to keep looking up, or forget to consider while developing that I make more use of when they're at my fingertips.

vue-chat - :calling: a web chat tool

  •    Vue

:calling: a web chat tool. Front-End : vue+vuex+vue-cli+vue-router+axios+scss;Back-end: node(koa2)+mysql+JWT(Json web token); socket.io

vue-clickaway - Reusable clickaway directive for reusable Vue.js components

  •    Javascript

Sometimes you need to detect clicks outside of the element (to close a modal window or hide a dropdown select). There is no native event for that, and Vue.js does not cover you either. This is why vue-clickaway exists. Please check out the demo before reading further. If you need a version for Vue 1, try vue-clickaway@1.0.

vue-social-sharing - A Vue

  •    Javascript

Note that the social_shares_close event is not fired for the Whatsapp, SMS and Email sharers.