应用场景：假如有两栏布局，总高度都高于浏览器高度，然后左侧更高，这时滚动浏览器窗口的滚动条，当右边栏显示完全时，右边栏开始固定，左边栏可以继续滚动。
技术实现关键点：
- css position fixed（脱离滚动流）
- 监听window上的滚动事件
- 设置fixed的条件判断：滚动高度+屏幕高度>右边栏高度；top设置成-(右边栏高度-窗口高度)。
js实现：
jq实现：
固定边栏滚动特效
最新推荐文章于 2021-06-20 22:59:53 发布
本文介绍了一种在网页设计中实现两栏布局时，右侧栏在达到底部后固定位置的技术方案。通过使用 CSS 的 position fixed 属性和 JavaScript 的滚动事件监听来实现这一效果。
扫一扫
895
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
