图一：
图二：
如两图所示，两个侧边栏通过设置position: fixed;实现了随滚动条滚动，会一直跟随滚动到蓝色区域，网页底部制作的比较长，所以侧边栏会和底部进行重合，请问怎么对侧边栏的滚动外围进行限制，让它们到达蓝色区域前就不再跟随滚动条滚动？scrollTop怎么用？
关于侧边栏跟随滚动，求助大神，如何限定其滚动范围？
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
- 2020-05-20 15:23回答 1 已采纳 https://zhidao.baidu.com/question/553438360857997572.html
- 2022-08-18 18:14回答 2 已采纳 //滚动到指定选项卡 function scrollToTab(element) { var marginLeftVal = calSumWidth($(
- 2021-05-10 22:51回答 1 已采纳 修改src\router\index.js下的constantRoutes数组内的顺序
- 2020-09-22 12:36看月光博客，卢松松博客，文章页的侧边栏都可以随着浏览器滚动而停留在页面，羡慕了吧。其实我们也可以用这种特效的呢。下面，就讲讲如何实现这个效果吧~这个是卢松松博客原创的，我稍稍介绍了一下而已哈！
- 2023-04-22 17:58回答 2 已采纳 Vant组件库中，左侧的侧边栏通常与主区域内容放在同一个父级容器中，并使用路由来进行联动。具体实现可以参考Vue Router的文档。 以下是一般情况下侧边栏与内容区域联动的基本步骤： 在父级容器中定
- 2022-02-14 13:21回答 2 已采纳 <el-menu :default-active="getActive" class="el-menu-vertical" router></el-menu> getActiv
- 2022-04-27 23:28回答 3 已采纳 因为组件是一个小功能的布局 所以你用这个组件时 应该把它的大致布局搭建好搭好大的框架 组件就是砖头 塞进去就好了
- 2020-10-26 02:31侧边栏随滚动条上下滚动，始终固定在一个位置的功能，现在很多网站和博客都有这个功能
- 2022-10-03 18:55回答 2 已采纳 不知道你这个问题是否已经解决, 如果还没有解决的话: 这篇文章讲的很详细，请看：Layui实现二级联动及多级联动如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评
- 2022-09-22 17:03回答 2 已采纳 view的话 按楼上方法或者使用scroll-view,设置scroll-y
- 2022-04-16 15:19回答 1 已采纳 <el-container> <el-header>Header</el-header> <el-container> <el-
- 2024-03-14 20:13滚动页面侧边栏顶部固定和底部固定方法
- 2022-07-20 22:24回答 2 已采纳 你这是空白解决方案，需要在解决方案上点右键，添加一个项目。
- 2020-12-10 22:27现在很多的独立博客和网站如人人网等，都使用了让侧边栏模块随滚动条滑动而位置固定的效果。就是当一个页面很长的时候，设定侧栏内容会跟随滚动条，这种效果适用于评论较多、内容较长的网站。志文工作室调研了几种...
- 2020-10-23 13:07主要介绍了两种jQuery实现网页右侧广告跟随滚动的方法，感兴趣的小伙伴可以参考一下。
- 2021-06-14 00:33比利海灵顿的博客 先来简单说说原理：监测浏览器滚动条的距离，大于一定长度时，给导航栏添加“position:fixed”，小于则取消，同时还添加了animate自定义的透明度渐变过渡！小小滚动条，设计还是挺复杂。滚动条出现页面不跳动.wrap {...
- 2023-02-22 14:31骑着蜗牛漂移666的博客 侧边栏跟随主内容滚动，滚动定位
- 2021-05-02 20:05jquery滚动固定侧边栏插件
- 没有解决我的问题, 去提问
悬赏问题
- ¥15 解决一个加好友限制问题 或者有好的方案
- ¥15 关于#java#的问题，请各位专家解答！
- ¥15 急matlab编程仿真二阶震荡系统
- ¥20 TEC-9的数据通路实验
- ¥15 ue5 .3之前好好的现在只要是激活关卡就会崩溃
- ¥50 MATLAB实现圆柱体容器内球形颗粒堆积
- ¥15 python如何将动态的多个子列表，拼接后进行集合的交集
- ¥20 vitis-ai量化基于pytorch框架下的yolov5模型
- ¥15 如何实现H5在QQ平台上的二次分享卡片效果？
- ¥30 求解达问题（有红包）