您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

jQuery滚动到元素

jQuery滚动到元素

假设您有一个ID为的按钮button,请尝试以下示例:

$("#button").click(function() {
    $([document.documentElement, document.body]).animate({
        scrollTop: $("#elementtoScrollToID").offset().top
    }, 2000);
});

我已经在下面的示例中对其进行了测试。

<html>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

    <script>

        $(document).ready(function (){

            $("#click").click(function (){

                $('html, body').animate({

                    scrollTop: $("#div1").offset().top

                }, 2000);

            });

        });

    </script>

    <div id="div1" style="height: 1000px; width 100px">

        Test

    </div>

    <br/>

    <div id="div2" style="height: 1000px; width 100px">

        Test 2

    </div>

    <button id="click">Click me</button>

</html>
JS 2022/1/1 18:23:49 有282人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶