javascript - 在 javascript 或 jquery 中滚动到具有特定 id 的 html 元素

标签 javascript jquery jquery-ui jquery-plugins scroll

我有分配了 id 的 html 元素。现在我想滚动到那些元素。我看到 jQuery 有一个采用整数值的 scrollTop。我如何轻松地使带有 id 的特定 html 元素滚动到顶部?理想情况下,具有漂亮流畅的动画。

快速搜索显示有许多滚动插件...如果上述功能需要插件,那么最受欢迎的是什么?我也在使用 jquery-ui。

最佳答案

当页面加载时,您可以使用类似这样的方法滚动到 #someElement:

$(document).ready(function() {
    $("html, body").animate({scrollTop: $("#someElement").offset().top}, 1000); 
});

它只是为 body 元素的 scrollTop 属性设置动画,并使用某个特定元素的顶部偏移量作为滚动到的位置。动画持续1000ms。

注意:它会同时选择 htmlbody,因此它可以跨浏览器工作。我不确定具体细节,但一些快速测试表明 Chrome 使用 body,但 Firefox 和 IE 使用 html

这是一个 working example .

关于javascript - 在 javascript 或 jquery 中滚动到具有特定 id 的 html 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7236848/

相关文章:

javascript - jQuery 滚动功能不触发(滚动太快)

javascript - 如何在数据表中添加带有输入字段的最小和最大范围过滤器?

javascript - 回调中的 DOM 操作

jquery - 如何在 jquery 中使用淡入淡出进行前置?

javascript - 日历图标不显示

javascript - HTML5 定义图像部分坐标的最佳方式,当有人点击它时我们可以找到点击的部分

javascript - 在 AWS Lambda 中获取正文请求

javascript - map函数索引可以从增量开始吗?

jquery - 简单的 jquery 自动完成输入框不起作用

javascript - 访问 AngularJS 中的嵌套多维数组