js 双击页面 开始/暂停 页面滚动
当网页中有长篇文章时,浏览起来就比较吃劲了,想想一边忙着拖动滚动条,一边忙着浏览,确实挺累人的。为了客人能够轻松的浏览,我们可以使用script代码实现网页的自动滚屏,当双击网页的时候,网页将会自动向下滚动,再次单击时滚动停止。
这种方法适用于大多数浏览器,但需要注意的是,直接控制滚动条的滚动在某些浏览器中可能不被支持,特别是对于非用户触发的滚动行为(如平滑滚动)。但是,我们可以使用定时器来模拟暂停和恢复滚动。
<!DOCTYPE html> <html><head> <title>双击滚动代码</title> </head> <body> <button id="a1">-</button><input type="number" id="t1" disabled="disabled" value="0" style="text-align:center;"><button id="j1">+</button><hr/><hr/><div style="height:1500px;"></div><script>var currentpos,timer; function initialize() {timer=setInterval("scrollwindow()",30); }function sc(){clearInterval(timer); }function scrollwindow(){if(document.body.scrollTop){//加了DTD头时,document.body.scrollTop值始终为0,在此判断一下currentpos=document.body.scrollTop;window.scroll(0,++currentpos);if (currentpos != document.body.scrollTop){sc();}}else{currentpos=document.documentElement.scrollTop;window.scroll(0,++currentpos);if (currentpos != document.documentElement.scrollTop){sc();}} }document.onmousedown=sc document.ondblclick=initialize</script></body> </html>
2026-05-05 19:07:35【出处】:https://blog.csdn.net/polloo2012/article/details/145342417
=======================================================================================
