使用animate-scrollTo时,jQuery闪烁

前端之家收集整理的这篇文章主要介绍了使用animate-scrollTo时,jQuery闪烁前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当由jQuery animate函数调用时,scrollTo函数有一个问题。

这里我的代码

$("#button").click(function(){
    $("body").animate({scrollTop: 1400},"slow");
});

当我点击按钮,闪烁出现在正文滚动之前。例如,我在(滚动位置)1000,当我点击按钮发生以下情况:

>页面/图像(滚动位置)1400出现,看起来我已经走了
到(位置)1400
>然后它再次移动到(位置)1000,这发生得如此之快
并且看起来像闪烁
>最后它滚动到1400像一个普通的滚动..

在Firefox上总是会出现,有时也会出现在chrome上。

解决方法

我有同样的闪烁的问题。它是由触发该功能链接中的哈希锚造成的。用preventDefault()修复它:
$("#button").click(function(e){
    e.preventDefault();
    $("body").animate({scrollTop: 1400},"slow");
});
原文链接:https://www.f2er.com/jquery/183555.html

猜你在找的jQuery相关文章