自动滚动滚动条Javascript
您好,我想让滚动条在我即将到来的活动中自动滚动,几秒钟后,它将再次滚动到顶部。我想让它继续缓慢地上下滚动。有人能帮我一下吗,或者给我一些建议?我不知道。我刚刚开始学习javascript 这是一张照片自动滚动滚动条Javascript,javascript,html,css,Javascript,Html,Css,您好,我想让滚动条在我即将到来的活动中自动滚动,几秒钟后,它将再次滚动到顶部。我想让它继续缓慢地上下滚动。有人能帮我一下吗,或者给我一些建议?我不知道。我刚刚开始学习javascript 这是一张照片 您可以使用jquery中的.scrollTop()函数和计时器的setTimeout html javascript $('#scroll').click(function() { $('html,body').animate({ scrollTop: $('#test')
您可以使用jquery中的
.scrollTop()
函数和计时器的setTimeout
html
javascript
$('#scroll').click(function() {
$('html,body').animate({
scrollTop: $('#test').css('top')
}, 800, function() {
setTimeout(function(){
$('html, body').animate({
scrollTop: 0
}, 800);
}, 2000);
});
});
我试着在中创建一个简单的例子,检查这个:至少把你的一些代码放在我们这里试试。窗口。滚动(x-coord,y-coord):先生,我怎样才能减慢滚动速度?随意更改800值,这意味着动画持续时间,详情请参见这里
#test {
width: 100px;
height: 100px;
position: relative;
top: 1000px;
background: green;
}
$('#scroll').click(function() {
$('html,body').animate({
scrollTop: $('#test').css('top')
}, 800, function() {
setTimeout(function(){
$('html, body').animate({
scrollTop: 0
}, 800);
}, 2000);
});
});