我试图在页面加载时将滚动动画设置为特定 ID。我做了很多研究并发现了这个:
$("html, body").animate({ scrollTop: $('#title1').height() }, 1000);
但这好像是从ID开始动画到页面顶部?
HTML(位于页面的一半)很简单:
<h2 id="title1">Title here</h2>
最佳答案
您只是在滚动元素的高度。 offset()返回元素相对于文档的坐标,top
参数将为您提供元素沿 y 轴的距离(以像素为单位):
$("html, body").animate({ scrollTop: $('#title1').offset().top }, 1000);
您还可以为其添加延迟:
$("html, body").delay(2000).animate({scrollTop: $('#title1').offset().top }, 2000);
关于jquery - 在页面加载时动画滚动到 ID,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6682451/