应用错误收集

我需要一个button.click来水平滚动到下一个元素。我有两个与flexbox水平放置的元素。

bytes

HTML

    $( document ).ready(function() {

    $("#front-button").on("click", function() {

       $("#page-2").css("display", "flex");       // (1)

       var divPos = $("#page-2").offset().left;   // (2)
       $('body').animate({scrollLeft: divPos}, "slow");

    });
});

CSS

<body id="main-wrap">

    <header id="main-header"> ... </header>

    <div id="body-wrap">
        <section id="page-1>
          ...
        </section>
        <section id="page-2>
          ...
        </section>
    </div>
</body>

默认情况下隐藏第二个元素（显示：无），因此我将其打开。
这里是我在堆栈上找到的动画功能。

所以第一个顺利，元素出现，但它不会滚动。你在代码中看到任何错误吗？

html，jQuery - 滚动页面到给定元素

0 个答案: