点击按钮滚动条下滑到相应位置

最新推荐文章于 2024-08-05 20:23:16 发布

原创最新推荐文章于 2024-08-05 20:23:16 发布 · 948 阅读

1 ·

CC 4.0 BY-SA版权

本文详细介绍了如何通过JavaScript实现页面元素在特定滚动位置的交互，包括判断元素是否在视口内，并进行相应的滚动操作。主要内容涉及事件监听、DOM操作及滚动计算。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

*{margin:0;padding:0;}
html,body{margin:0;padding:0;}
body{width:100%;height:2500px;}
.div1{width:100px;height:100px;top:200px;background:#fcc;position:fixed;}
var oHeight,timer,speed;
function Go(){
timer=setInterval("goTo()",1);
}
function goTo(){
oHeight=document.documentElement.scrollTop || document.body.scrollTop;
oHeight+=10;
if(oHeight<1500){ //应该判断在oHeight加之后是大于还是小于
window.scrollTo(0,oHeight);
}
else{
clearInterval(timer);
}
}