Javascript scrollTop错误

时间:2018-10-17 11:46:12

标签: javascript jquery html css

我编写了最基本的scrollTop函数,将页面焦点移至该站点的内容-如果页面的页面编号为2,3,4,5,6,则跳过标题/导航/英雄图像。 ..产品。

if(window.location.href.indexOf("/?sf_paged=") > -1) {
    $('html, body').animate({
        scrollTop: $(".searchandfilter").offset().top
    }, 2000);
};

如果我在控制台中运行此代码(在实施实时代码之前),页面将按预期运行-移至我声明的元素并将其放置在页面顶部。

但是,这是我的问题所在:将其放置在代码中以准备就绪运行(在我的页脚脚本中实现)后,它将传递希望滚动到的元素(在3/4处停止)页不是1/4)。

我需要它在到达元素后才停止-我知道这段代码有效,有人能想到这可能发生的原因吗?

谢谢,杰森。

1 个答案:

答案 0 :(得分:0)

随着HerrSerker和Andrei的发现-加载运行允许在决定向下滚动页面之前加载上面的元素。

$(window).bind("load", function() {
    if(window.location.href.indexOf("/?sf_paged=") > -1) {
        $('html, body').animate({
            scrollTop: $(".searchandfilter").offset().top
        }, 2000);
    };
});

感谢您提供的解决方案,帮助您解决了很多脑部疼痛。

相关问题