米
心情
所有
图集
登录
搜索
原创
原生JS实现div随屏幕滚动到某高度后固定的demo
不一样的风景
发布于:2020-07-10
#原生JS实现div随屏幕滚动到某高度后固定的demo 下面是具体的代码实现 ``` <script> window.onload= function(){ var oDiv = document.getElementById("hot2"), H = 0, Y = oDiv while (Y) { H += Y.offsetTop; Y = Y.offsetParent; } window.onscroll = function() { var s = document.body.scrollTop || document.documentElement.scrollTop if(s>H) { oDiv.style = "position:fixed;top:0;width:380px;margin-top:0px;z-index:2" } else { oDiv.style = "" } } } </script> ``` >实现效果 [](https://micuu.com/data/upload/20200710/5f0808de9fc3e.png)
注:原创不易,转载请注明出处(
https://micuu.com/new/612.html
)，本站所有资源来源于网络收集，如有侵权请联系QQ245557979进行清除。
最后修改与 2022-02-19
上一篇：
vue项目怎么设置能够在局域网中访问
下一篇：
西安到底是一座怎样的城市？
留言反馈
请先登录
问题反馈渠道，如有软件无法下载或者其他问题可反馈。【由于某种原因，目前留言不展示】
用户需要登录后才能留言反馈
立即留言
珍藏视频
10分钟高效燃脂
30天高效瘦脸操
5分钟缓解颈椎操
友人
微博
全民K歌
唱吧
今日头条
悠悠网
科技小锅盖
彼岸桌面
阮一峰
laravel社区
V2ex
掘金
更多>
