社区
JavaScript
帖子详情
如何实现网页自动滚屏?
zhaofr1981
2003-02-18 10:35:42
如何实现网页自动滚屏?用鼠标双击开始,再单击停止,并且用右键可以调速?
...全文
140
4
打赏
收藏
如何实现网页自动滚屏?
如何实现网页自动滚屏?用鼠标双击开始,再单击停止,并且用右键可以调速?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
4 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
利而不害
2003-02-18
打赏
举报
回复
双击开始,单击结束,右击加速
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT language="JavaScript">
var tm;
var pos=0;
var sep=10;
function scrollit(){
pos=pos+sep;
parent.scroll(1,pos)
tm = setTimeout("scrollit()",200);
}
</SCRIPT>
</HEAD>
<BODY onDblClick="scrollit()" onClick="clearTimeout(tm)" oncontextmenu="sep=sep+10;return false">
<div id="glowdiv" style="position:absolute;visibility:visible;width:600px;text-align:center; top:185px;left:70px;font-family:隶书;font-size:30pt;color:000000">
ddd<br>
ddd<br>
ddd<br>
ddd<br>
ddd<br>
ddd<br>
ddd<br>
ddd<br>
ddd<br>
ddd<br>
ddd<br>
ddd<br>
ddd<br>
ddd<br>
ddd<br>
ddd<br>
ddd<br>
ddd<br>
ddd<br>
ddd<br>
ddd<br>
ddd<br>
ddd<br>
ddd<br>
</div>
</BODY>
</HTML>
coffee_cn
2003-02-18
打赏
举报
回复
<script language='javascript'>
document.ondblclick=initialize;
document.onclick=sc;
var timer;
function initialize(){
timer=setInterval('scrollwindow()',40);
}
function sc(){
clearInterval(timer);
}
function scrollwindow()
{
currentpos=document.body.scrollTop;
window.scroll(0,++currentpos);
if (currentpos != document.body.scrollTop)
sc();
}
</script>
coffee_cn
2003-02-18
打赏
举报
回复
<SCRIPT LANGUAGE="JavaScript" defer>
<!--
setInterval("with(document.body){var s=scrollTop+offsetHeight;scrollTop=(s>scrollHeight)?0:s}",5000)
//-->
</SCRIPT>
nik_Amis
2003-02-18
打赏
举报
回复
up
js
实现
页面
自动
滚屏
效果
js
实现
页面
自动
滚屏
效果,可以设置单击,双击,还可以绑定在一个元素上触发
双击
自动
滚屏
NULL 博文链接:https://pireswang.iteye.com/blog/325568
实现
双击
自动
滚屏
的JS代码
实现
双击
自动
滚屏
的JS代码
实现
双击
自动
滚屏
的JS代码
实现
双击
自动
滚屏
的JS代码
自动
滚屏
(HTML经典用例)
更多资源请查看: http://download.csdn.net/user/njzdl
Vue3
实现
自动
滚屏
[源码]
本文介绍了如何使用Vue3和ElementPlus的el-scrollbar组件
实现
自动
滚屏
功能,解决传统
滚屏
方法中出现的跳动问题。通过复制列表并在适当位置切换,
实现
了丝滑的无限滚动效果。文章详细讲解了
实现
逻辑,包括动态渲染列表、判断滚动高度、处理滚动事件等关键步骤,并提供了完整的代码示例,包括两种滚动方法(requestAnimationFrame和setScrollTop)供选择。此外,还介绍了如何通过鼠标事件控制滚动的暂停和继续,提升用户体验。
JavaScript
87,996
社区成员
224,693
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章