虚拟响应跨浏览器滚动条 – v-bar

VBar

虚拟响应跨浏览器滚动条,应用于VueJS2x。

使用方法

安装

NPM

npm i v-bar

yarn

yarn add v-bar

在.vuecomponent 为wrapper创建一个类

使用SASS

<style lang="sass">
    .wrapper
        height: 300px
        width: 300px
</style>

简易 CSS

<style>
    .wrapper {
        height: 300px;
        width: 300px;
    }
</style>

在模板中导入组件

使用Pug

<template lang="pug">
    v-bar(wrapper="wrapper",
        vBar="",
        vBarInternal="",
        hBar="",
        hBarInternal="")
        //- your content
</template>

使用简易HTML

<template>
    <v-bar wrapper="wrapper"
        vBar=""
        vBarInternal=""
        hBar=""
        hBarInternal="">
        <!-- your content -->
    </v-bar>
</template>

导入组件

<script>
    import VBar from 'v-bar'

    # Declare
    export default {
        components: { VBar }
    }
</script>

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:虚拟响应跨浏览器滚动条 – v-bar