Question

当我在Chrome或Safari上，然后点击第二个按钮（.scroll2）时，它会像重新加载到最快速效果，然后转到应有的位置。有什么方法可以阻止这种影响吗？

$(".scroll").click(function() {
   $("body").animate({scrollTop:$('#bloc-2').position().top} , 4000);
});

$(".scroll2").click(function() {
   $("body").animate({scrollTop: $('#bloc-3').position().top }, 5000);
});

Answer 1

根据我的猜测，如果你点击带有href属性的锚链接（例如href="#"），你应该防止默认行为：

$(".scroll").click(function(e) {
   e.preventDefault();
   $("body").animate({scrollTop:$('#bloc-2').position().top} , 4000);
});

$(".scroll2").click(function(e) {
   e.preventDefault();
   $("body").animate({scrollTop: $('#bloc-3').position().top }, 5000);
});

使用Scrolltop在Chrome / Safari上产生奇怪的效果

1 个答案: