vue 页面滚动条和div滚动条联动（控制div滚动条位置）

最新推荐文章于 2024-06-24 18:07:10 发布

花重锦

最新推荐文章于 2024-06-24 18:07:10 发布

阅读量2.4k

点赞数 1

分类专栏： vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/NeverGiveUp_Up/article/details/124821172

版权

网页布局 JavaScript 滚动定位侧边导航 div滚动条

关键词由CSDN通过智能技术生成

vue 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

使用场景：页面中存在侧边导航栏，导航栏部分内容无法完全显示，当滚动页面时，div中滚动条一起滚动到导航选中位置

主要代码：nav-menu为div的id

 // 选中当前导航时div自动滚动到设定位置
        if (navIndex == "13") {
          document.getElementById("nav-menu").scrollTop = 0;
        }
        if (navIndex == "16") {
          document.getElementById("nav-menu").scrollTop = 300;
        }
        if (navIndex == "18") {
          document.getElementById("nav-menu").scrollTop = 1000;
        }