米
心情
所有
图集
登录
搜索
原创
原生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
→
掘金
+
更多
