滚动到元素 jQuery - JavaScript

在 Web 开发中，有时候需要通过 JavaScript 或 jQuery 将浏览器滚动到指定的元素位置。这可以通过 scrollTop 属性来实现。

使用 scrollTop 滚动到元素

scrollTop 是一个 DOM 元素的属性，表示元素内容的上部被隐藏部分的高度。设置此属性的值可以将元素滚动到特定位置。

以下代码演示如何使用 scrollTop 属性滚动到元素：

// 滚动到指定元素
function scrollToSelector(selector) {
  var target = $(selector); // 获取目标元素
  $('html, body').animate({
    scrollTop: target.offset().top
  }, 500); // 滚动到目标元素
}

// 使用示例
scrollToSelector('#myelement');

此代码假设有一个 ID 为 myelement 的元素，它可以通过选择器 #myelement 查找到。代码将滚动浏览器窗口，因此滚动栏不会随着元素滚动而滚动。

参考

1. scrollTop property - w3schools.com
2. jQuery scrollTop - jQuery API 文档