jQuery在页面加载时移动到锚点位置
jQuery在页面加载时移动到锚点位置
提问于 2012-01-17 01:59:14
我有一个简单的页面设置，例如：
<div id="aboutUs">
About us content...
</div>
<div id="header">
Header content...
</div>当页面加载时，我需要页面自动向下滚动(不需要动画)到#header，这样用户就不能看到About Us div，除非他们向上滚动。
#aboutUs有一个固定的高度，所以不需要任何变量来确定高度或其他任何东西。如果有必要的话。
我偶然发现了this other question，并试图根据我的情况修改一些答案，但似乎都不起作用。
任何帮助都将不胜感激。
回答 2
Stack Overflow用户
发布于 2012-01-17 02:21:37
你有没有尝试过JQuery的scrollTo方法？http://demos.flesler.com/jquery/scrollTo/
或者，您可以扩展JQuery并添加您的自定义mentod：
jQuery.fn.extend({
scrollToMe: function () {
var x = jQuery(this).offset().top - 100;
jQuery('html,body').animate({scrollTop: x}, 400);
}});然后，您可以像这样调用此方法：
$("#header").scrollToMe();Stack Overflow用户
发布于 2014-04-30 01:48:37
将此代码放在页面底部的结束Body标签之前。
<script>
if (location.hash) {
location.href = location.hash;
}
</script>jQuery实际上不是必需的。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8884230
复制相关文章
相似问题
腾讯云开发者
