Question

加载页面时，我使用此脚本向下滚动到某个锚点：

$(document).ready(function () {
    // Handler for .ready() called.
    $('html, body').animate({
        scrollTop: $('#myanchor').offset().top
    }, 100);
});

无论如何，在#myanchor之前，有2个部分包含2个不同的猫头鹰轮播。加载页面时，滚动将转到错误的位置。它大约越过secon猫头鹰轮播。

我认为这是由于窗口高度计算错误而引起的，因为在第一次加载转盘时，其高度等于0。我只是这么认为。我不想为这些部分指定最小或固定高度。那么，有解决方案吗？向下滚动可能有点延迟？有人可以向我建议可以帮助我解决此问题的代码吗？

非常感谢！

Answer 1

最好的选择是为图像添加事件监听器以完成加载。但是我们开发人员有完成工作的时间表。因此，只需使用超时就可以给轮播加载时间。在大多数情况下，用户需要一些时间来吸收您的内容，因此您有几秒钟的时间才能单击任何内容。

$(document).ready(function () {
    // Handler for .ready() called.

    setTimeout( function() {
        $('html, body').animate({
            scrollTop: $('#myanchor').offset().top
        }, 100);
    }, 3500);
});

错误滚动以在锚定部分之前用猫头鹰轮播进行锚定

1 个答案: