实现div跟着滚动条动的效果

最新推荐文章于 2020-11-29 15:36:39 发布

laolaowhn

最新推荐文章于 2020-11-29 15:36:39 发布

阅读量6.3k

点赞数

文章标签： div function html

本文链接：https://blog.csdn.net/laolaowhn/article/details/1709637

版权

<html>
 <head>
 <title>OnScroll Example</title>
 <script type="text/javascript">
 window.onscroll = function () {
 var oWatermark = document.getElementById("divWatermark");
 oWatermark.style.top =document.body.scrollTop;

 }
 </script>
 </head>
 <body>
 Try scrolling this window.
 <div id="divWatermark" style="position: absolute; top: 0px; right: 0px; color: #cccccc; width: 150px; height: 30px; background-color: navy">Watermark</div>
 Line 1
 Line 2
 Line 3
 Line 4
 Line 5
 Line 6
 Line 7
 Line 8
 Line 9
 Line 10
 Line 11
 Line 12
Line 1
 Line 2
 Line 3
 Line 4
 Line 5
 Line 6
 Line 7
 Line 8
 Line 9
 Line 10
 Line 11
 Line 12
Line 1
 Line 2
 Line 3
 Line 4
 Line 5
 Line 6
 Line 7
 Line 8
 Line 9
 Line 10
 Line 11
 Line 12
 </body>
</html>

laolaowhn

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
实现div跟着滚动条动的效果

OnScroll Example window.onscroll = function () { var oWatermark = document.getElementById("divWatermark"); oWatermark.style.top =document.b
复制链接

扫一扫