Vant UI的Sidebar侧边导航组件单独设置滚动条

Seven_5477

已于 2023-02-16 10:04:34 修改

阅读量6.5k

点赞数 4

于 2022-07-05 10:51:39 首次发布

本文链接：https://blog.csdn.net/m0_37922443/article/details/125615135

版权

在Vue项目中使用Vant UI框架时，遇到Sidebar侧边导航组件的滚动条在整个屏幕的右侧：

需要实现的效果是：左侧导航栏有单独的滚动条，右侧主体内容也有单独的滚动条，互不干涉。

(效果是左侧和右侧都是有一个滚动条的）

html部分：

    <div class="cate-list">
      <div class="left-nav">
        <van-sidebar v-model="activeKey" @change="changeNav">
          <van-sidebar-item
            :title="item.cat_name"
            v-for="(item, index) in cateList"
            :key="index"
          />
        </van-sidebar>
      </div>
      <div class="cate-body">
        <