强制用户到页面顶部？答案

【问题标题】：Force the user to the top of the page?强制用户到页面顶部？
【发布时间】：2014-02-07 09:51:00
【问题描述】：

我在将论坛集成到我的网站时遇到了问题。我一开始使用 object，然后意识到这不是最好的解决方案，所以我切换到 iframe 并使用了这段代码：

    <div style="margin: 0 auto; width:100%; height:100%;
overflow: auto;"><iframe src="./smf/" width="100%" height="100%"></iframe></div>

这似乎只适用于 chrome，因为在其他浏览器中，论坛的高度只有 250 像素，所以我从 100% 更改为 1750 像素。但是，现在，当用户单击其中一个论坛类别时，它会将用户置于页面底部附近，因此我使用 jquery 并使用它来尝试在论坛类别已被放置时将用户强制到页面顶部点击：

<script type="text/javascript" src="jQuery-1.4.1-min.js">

$(document).ready(function(){
    $(this).scrollTop(0);
});

</script>

虽然这似乎没有奏效，我不知道为什么......

谢谢。

【问题讨论】：

stackoverflow.com/questions/4210798/…看看？
那是字母 o，而不是零。
如果页面不在 iframe 中，它可以完美运行：ragewarsclan.com/smf，但在 iframe 中链接不起作用：ragewarsclan.com/Forum.html，所以真正的问题在于非工作链接

【解决方案1】：

您可以创建论坛类别链接并将其 href 设置为页面顶部的元素

<div id="top"> top of page. scroll down to find link and click on it </div>

<a href="#top"> forum category </a>

【讨论】：

【解决方案2】：

scrollTop 不会滚动到顶部，它会返回页面的 y 偏移量。

如果您需要使用 jQuery 将页面滚动到顶部（这样您也可以顺利完成），您可以使用 animate

$("html, body").animate({scrollTop:0},500);   //will be done in 500ms

【讨论】：