@yetan/vue-view-scroll-box

    0.0.2 • Public • Published

    滚动盒子

    <ViewScrollBox />,撑满整个宿主或包含块视口,超出部分滚动,优化了滚动性能。既可以作为页面级布局组件,也可以作为局部布局组件。

    安装

    # 使用 NPM
    $ npm i @yetan/vue-view-scroll-box
    
    # 使用 Yarn
    $ yarn add @yetan/vue-view-scroll-box

    使用

    <template>
      <ViewScrollBox class="page-about">
          <div class='scroll-content'>
            <!-- ... -->
          </div>
      </ViewScrollBox>
    </template>
    
    <script>
    import ViewScrollBox from '@yetan/vue-view-scroll-box';
    
    export default {
      name: 'Page',
      components: {
        ViewScrollBox,
      },
    };
    </script>
    
    <style lang="scss" scoped>
    .scroll-content{
      min-height: 3000px;
    }
    </style>
    

    Install

    npm i @yetan/vue-view-scroll-box

    DownloadsWeekly Downloads

    2

    Version

    0.0.2

    License

    none

    Unpacked Size

    9.16 kB

    Total Files

    6

    Last publish

    Collaborators

    • avatar
    • avatar
    • avatar