素材巴巴 > 程序开发 >

关于页面向下滚动到元素位置,元素停靠顶部不动,当页面向上滚动到元素位置时,元素回到原来位置的效果。

程序开发 2023-09-15 21:04:37

关于页面向下滚动到元素位置,元素停靠顶部不动,当页面向上滚动到元素位置时,元素回到原来位置的效果,思路很简单,就是监听window滚动,获取元素到页面顶部位置,如果页面滚动距离大于元素到顶部距离,那么添加position:fixed;left:0;样式,小于则移出样式效果。
这里写图片描述

demo
fix的box模型

标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。