基于vue的滚动插件_一个强大的基于Vue.js的可自定义滚动条插件

基于vue的滚动插件

Vuescroll (Vuescroll)

A powerful, customizable scrollbar plugin specially designed for Vue.js.

专为Vue.js设计的功能强大，可自定义的滚动条插件。

View demo 查看演示 Download Source 下载源

特征 (Features)

• Support mobile and pc by changing mode

  通过更改模式支持手机和PC

• Support smooth scroll by choosing easing

  通过选择宽松来支持平滑滚动

• Support customize scrollbar

  支持自定义滚动条

• Support customize scroll container

  支持自定义滚动容器

• Support pull to refresh and push to load

  支持拉动刷新和推动加载

• Support typescript

  支持打字稿

• Support SSR

  支持SSR

• And more !

  和更多 ！

快速开始 (Quick Start)

进口 (Import)

In your entry file:

在您的输入文件中：

import Vue from 'vue';
import vuescroll from 'vuescroll';
import 'vuescroll/dist/vuescroll.css';

Vue.use(vuescroll);

用法 (Usage)

Wrap the content you need to scroll by vuescroll

包装您需要通过vuescroll滚动的vuescroll

<template>
    <div class='your-container'>
        <!-- bind your configurations -->
        <vue-scroll :ops="ops">
            <div class='your-content'>
            </div>
        </vue-scroll>
    </div>
  </template>
  <script>
    export default {
      data() {
        return {
          ops: {
            // some configs....
          }
        }
      }
    }
  </script>

翻译自: https://vuejsexamples.com/a-powerful-an-customizable-scrollbar-plugin-based-on-vue-js/

基于vue的滚动插件