点击屏幕下方带有^
字符的小div后,滚动动画正常启动。
但是多次执行此操作后,当您尝试向下滚动时,它会停留一段时间(与您点击 div 的次数成正比)。
谁能告诉我为什么会这样?
HTML:
<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<div id="test">Where to go</div>
<div id="goToTop">^</div>
</body>
</html>
JS:
$(window).scroll(function(){
var st = $(window).scrollTop();
var timeout = setTimeout(function(){
var currentScrollTop = $(window).scrollTop();
if(st == currentScrollTop){
var yPosInAbsolute = window.innerHeight - 100;
$('#goToTop').css({'top': st + yPosInAbsolute, 'right': 100});
$('#goToTop').show();
$('#goToTop').click(function(){
$('html,body').animate({scrollTop: $('#test').offset().top - 50}, 2000);
clearTimeout(timeout);
});
}else{
$('#goToTop').hide();
clearTimeout(timeout);
}
}, 2000);
});
最佳答案
关于javascript - scrollTop 动画后滚动将不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24823446/