📌  相关文章
📜  jQuery scrollTop()(1)

📅  最后修改于: 2023-12-03 15:02:11.569000             🧑  作者: Mango

jQuery scrollTop()

简介

scrollTop()是jQuery库中的一个方法，用于获取或设置元素的垂直滚动条位置。它可以用于所有支持滚动条的元素，如window对象、document对象、普通元素等。

用法
// 获取垂直滚动条位置
$(selector).scrollTop();

// 设置垂直滚动条位置
$(selector).scrollTop(value);

在上面的代码中，selector为选中需要获取或设置垂直滚动条位置的元素或对象，value为需要设置的垂直滚动条位置的值。

如果省略value参数，则scrollTop()方法会返回该元素的当前垂直滚动条位置。

示例
获取垂直滚动条位置
<body>
    <div class="container">
        <div class="scrollable">
            <!-- 省略大量内容 -->
        </div>
    </div>
    <script>
        // 获取垂直滚动条位置
        var scrollTop = $('.scrollable').scrollTop();
        console.log(scrollTop);
    </script>
</body>

在上面的示例中，我们选中了一个class为scrollable的可滚动元素，并获取它的垂直滚动条位置。最后我们使用console.log()输出了获取到的值。

设置垂直滚动条位置
<body>
    <div class="container">
        <div class="scrollable">
            <!-- 省略大量内容 -->
        </div>
    </div>
    <script>
        // 设置垂直滚动条位置
        $('.scrollable').scrollTop(200);
    </script>
</body>

在上面的示例中，我们选中了一个class为scrollable的可滚动元素，并将它的垂直滚动条位置设置为200。