时间戳

首页 > 解决方案 > 在锚部分之前使用 owl-carousel 锚定的滚动错误

javascript - 在锚部分之前使用 owl-carousel 锚定的滚动错误

问题描述

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

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

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

我想这是由错误计算窗口高度引起的，因为在加载轮播的第一刻，高度等于 0。我只是假设。我不想为这些部分分配最小或固定高度。那么，有解决办法吗？向下滚动可能会有一点延迟？有人可以建议我可以帮助我解决这个问题的代码吗？

提前非常感谢！

标签： javascriptjqueryowl-carousel

解决方案

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

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

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

推荐阅读