首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何使用jquery滚动到页面上的特定位置?

如何使用jquery滚动到页面上的特定位置?
EN

Stack Overflow用户
提问于 2009-10-18 23:37:58
回答 8查看 282.7K关注 0票数 135

是否可以使用jQuery滚动到页面上的特定位置?

我想要滚动到的位置是否必须具有:

代码语言:javascript
复制
<a name="#123">here</a>

或者它可以直接移动到特定的DOM id?

EN

回答 8

Stack Overflow用户

发布于 2009-10-18 23:47:07

是的,即使是在普通的JavaScript中,这也很容易。你给一个元素一个id,然后你可以用它作为“书签”:

代码语言:javascript
复制
<div id="here">here</div>

如果你想让它在用户点击链接时滚动到那里,你可以只使用试验过的方法:

代码语言:javascript
复制
<a href="#here">scroll to over there</a>

要以编程方式完成此操作,请使用scrollIntoView()

代码语言:javascript
复制
document.getElementById("here").scrollIntoView()
票数 129
EN

Stack Overflow用户

发布于 2013-06-22 15:06:18

不需要使用任何插件,你可以这样做:

代码语言:javascript
复制
var divPosition = $('#divId').offset();

然后使用此命令将文档滚动到特定的DOM:

代码语言:javascript
复制
$('html, body').animate({scrollTop: divPosition.top}, "slow");
票数 55
EN

Stack Overflow用户

发布于 2009-10-18 23:49:55

这是一个纯javascript版本:

代码语言:javascript
复制
location.hash = '#123';

它会自动滚动。记得添加"#“前缀。

票数 21
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1586341

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档