Scrolltop在Chrome/Safari上的奇怪效果

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);
});