我有分配了 id 的 html 元素。现在我想滚动到这些元素。我看到 jQuery 有一个scrollTop,它接受一个整数值。我如何轻松地将带有 id 的特定 html 元素滚动到顶部?理想情况下,动画精美流畅。
快速搜索显示了许多滚动插件...如果上述功能需要插件,那么最受欢迎的插件是什么?我也在使用jquery-ui。
你可以使用这样的东西来滚动到#someElement
当页面加载时:
$(document).ready(function() {
$("html, body").animate({scrollTop: $("#someElement").offset().top}, 1000);
});
它只是简单地动画化scrollTop
的财产body
元素,并使用某个特定元素的顶部偏移量作为滚动到的位置。动画持续1000ms。
注意:它选择两者html
and body
所以它可以跨浏览器工作。我不确定具体细节,但一些快速测试表明 Chrome 使用body
,但 Firefox 和 IE 使用html
.
这是一个工作示例 http://jsfiddle.net/68Msz/1/.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)