错误滚动到锚定部分之前的 owl-carousel

Question

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

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

无论如何，在此#myanchor 之前，有 2 个部分包含 2 个不同的 owl-carousel。页面加载时滚动到错误的位置。它大约在第二个 owl-旋转木马上。

我想这是由于 window 高度计算错误造成的，因为在第一时间加载的轮播高度等于 0。我只是假设。我不想为这些部分指定最小或固定高度。那么，有解决办法吗？也许向下滚动有点延迟？有人可以向我推荐可以帮助我解决这个问题的代码吗？

提前致谢！

Answer 1

最好的选择是为图像添加事件侦听器以完成加载。但是我们开发人员有完成任务的时间表。因此，只需使用超时来让轮播有时间加载。在大多数情况下，用户需要时间来吸收您的内容，因此在他们点击任何内容之前您有几秒钟的时间。

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

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

错误滚动到锚定部分之前的 owl-carousel

Wrong scroll to anchor with owl-carousel before anchor section

javascript

jquery

owl-carousel