Vue Chat Scroll

Automatic scroll-to-bottom directive for vue

A plugin for Vue.js 2 that scrolls to the bottom of an element when new content is added within said element.

Installation

NPM / Yarn Run

npm install --save vue-chat-scroll, or yarn add vue-chat-scroll

With Modules

// ES6
import Vue from 'vue'
import VueChatScroll from 'vue-chat-scroll'
Vue.use(VueChatScroll)

// ES5
var Vue = require('vue')
Vue.use(require('vue-chat-scroll'))

Usage

<ul class="messages" v-chat-scroll>
  <li class="message" v-for="n in messages">{{ n }}</li>
</ul>