html 滚动条_网页设计布局一般有哪四种样式

html 滚动条_网页设计布局一般有哪四种样式js实现控制整个页面滚动条的位置<html><head><meta charset=”utf-8″><title>滚动事件</title><style>

js实现控制整个页面滚动条的位置   <html>   <head>   <meta charset=”utf-8″>   <title>滚动事件</title>   <style>   div{   height:2000px;   }   button{   position:fixed;   bottom: 100px;   right: 100px;   }   </style>   </head>   <body>   <div>   <button class=”btn”>去那里</button>   </div>   <script>   var button=document.querySelector(“button”);   button.onclick=function(){   var id=setInterval(function(){   if(document.documentElement.scrollTop>0)   {   document.documentElement.scrollTop-=100;   //当滑动条距顶部为0时,结束间隔任务   if(document.documentElement.scrollTop==0)   {   clearInterval(id);   }   }   },500);   }   </script>   </body>   </html>

2024最新激活全家桶教程,稳定运行到2099年,请移步至置顶文章:https://sigusoft.com/99576.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。 文章由激活谷谷主-小谷整理,转载请注明出处:https://sigusoft.com/87480.html

(0)
上一篇 2024年 7月 25日
下一篇 2024年 7月 25日

相关推荐

关注微信