使用jQuery实现页面加载时自动滚动到顶部

Question

我正在尝试使用jQuery在页面加载时自动将页面滚动回顶部。

以下是我的代码:

<script type="text/javascript">
    $(document).ready(function () {

        $(window).scrollTop(0);
        return false;

    });
</script>

然而，这段代码并没有起作用。 我还尝试将$(window)替换为$('html, body')， 但仍然无效。

所以，有人能给出建议吗？ 非常感谢！

- Hei

---

这对我有效：http://fiddle.jshell.net/aWfQN/show/#foo - Blender

Answer 1

试一试这个

<script type="text/javascript">
    $(document).ready(function () {
        window.scrollTo(0,0);
    });
</script>

参数0、0分别表示x和y坐标。

希望对您有所帮助。

- fonZ

---

谢谢您的建议，但是它似乎不太适用。 这是因为我将页面包装在一个iframe中吗？ - Hei

我不太确定，这可能会有帮助：https://dev59.com/gHM_5IYBdhLWcg3w3nRs。 - fonZ

Answer 2

上述解决方案在Chrome中对我无效。以下是我使用最成功的方法：

$(window).on('beforeunload', function() {
  $('body').fadeOut(225);
});

- taylorpoe

Answer 3

如果您使用这个解决方案，会更容易、更可靠：

<script type="text/javascript">
   $('html,body').animate({scrollTop:0},800);
</script>

事实上，某些浏览器将响应于'html'，而其他一些则响应于'body'。

附注：“800”是动画的持续时间。

- Attilio

Answer 4

这是jQuery安全的：

< script type="text/javascript">
  $(window).scrollTop(0); 
</script>

- Udo E.