jQuery scrollTo插件滚动闪烁

时间:2015-10-14 21:20:25

标签: javascript jquery web scrollto

我正在使用jQuery插件scrollTo来浏览我的网页。当我点击按钮时,似乎有一个快速闪烁然后恢复继续正常滚动。我看到了他们调用preventDefault()方法的其他解决方案,但我不知道如何在我的情况下实现它。这是我点击链接时调用的方法。

function btn_Pressed(goTo){
    $(goTo).ScrollTo({
    duration: 1200
    });
}

这是一个通用方法,将滚动到作为参数传递的任何锚点。我究竟做错了什么。这闪光灯真是太棒了!

1 个答案:

答案 0 :(得分:0)

我确实找到了解决方案,但是,我不知道它是否是最有效的解决方案。我创建了一个处理每个按钮单击的函数,这样我就可以在调用preventDefault()时显式调用和处理每个滚动。这是一个样本......

$(function(){
$("#btn_home").click(function(e) {
            $('#myAffix').ScrollTo({
                duration: 1200,

                });
            e.preventDefault();
});
$("#aboutUs").click(function(e) {
            $('#anchorOne').ScrollTo({
                duration: 1200,

                });
            e.preventDefault();
});
$("#btn_home").click(function(e) {
            $('#myAffix').ScrollTo({
                duration: 1200,

                });
            e.preventDefault();
   });

});