scrollTop动画导致屏幕白色闪烁

时间:2015-10-21 15:29:40

标签: javascript jquery html css

我的屏幕顶部有一个固定的菜单,有4个选项,点击时每个选项都会滚动到页面中的某个部分。我使用的代码如下:

$("#click1").click(function (){
    $('html, body').animate({scrollTop: $("#sec1").offset().top}, 1000);
});

滚动按预期工作,但当我点击选项时,我会看到一个白页的闪光。有其他人看过这个并知道任何解决方案。不确定它是否由页面上固定的菜单元素引起。

1 个答案:

答案 0 :(得分:1)

之前我遇到过这个问题。试试这个:

$("#click1").click(function(e){
        e.preventDefault();
        $('html, body').animate({scrollTop: $("#sec1").offset().top}, 1000);
    });

以下是jQuery API:http://api.jquery.com/event.preventdefault/