Forked from sj82516/vue-chat-scroll-top-load
-
Run
npm i --save IlyaVorozhbit/vue-chat-scroll#master
-
// 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'))
-
Just include
./dist/vue-chat-scroll.js
after Vue itself.
There's nothing you need to do in JavaScript except for installation. To use the plugin, simply use the v-chat-scroll
directive.
<ul class="messages" v-chat-scroll @scroll-top="loadNewData()">
<li class="message" v-for="n in messages">{{ n }}</li>
</ul>
Alternatively, you can pass a config value to the directive:
<ul class="messages" v-chat-scroll="{always: false, smooth: true}">
<li class="message" v-for="n in messages">{{ n }}</li>
</ul>