强制用户到页面顶部?

时间:2014-01-17 21:46:54

标签: javascript jquery html css integration

这是我的网站:http://www.ragewarsclan.com

我无法将论坛整合到我的网站中。 我最初使用对象然后意识到这不是最好的解决方案,所以我切换到iframe并使用了这段代码:

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

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

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

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

</script>

虽然这似乎没有用,但我不确定为什么......

感谢。

2 个答案:

答案 0 :(得分:0)

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

http://jsfiddle.net/sTr8F/

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

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

答案 1 :(得分:0)

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

如果您需要使用jQuery将页面滚动到顶部(这样您也可以顺利完成),您可以使用动画

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