scrollTo() 和 jquery scrollTop() 在 Chrome 中不起作用

Question

我正在制作一个使用 html 元素作为障碍的拼图平台游戏。有些级别我想从文档的底部开始。所以我尝试使用

$(document).ready(function() {
    $(document).scrollTop($(document).height() - $(window).height());
}

和

$(document).ready(function() {
    window.scrollTo(0, document.body.scrollHeight);
}

它们在 Firefox 中都可以正常工作，但在 Chrome 中都不能正常工作。我只有在为滚动设置动画时才能让它工作，这对我想要做的事情不起作用。

编辑：我没有使用 jQuery.toScroll() 我尝试了香草 toScroll 和 jQuery.scrollTop()

Answer 1

浏览器以不同的方式将滚动条附加到页面上。使用 $('html,body').scrollTop()。您还应该使用 $(window).innerHeight()。像这样……

$('html,body').scrollTop($(document).height() - $(window).innerHeight());

//Or to smooth scroll it

$('html,body').animate({
  scrollTop: $(document).height() - $(window).innerHeight()
}, 1000);

注意：如果文档比窗口短，$(document).height() 将返回与 $(window).innerHeight() 相同的值。

Answer 2

我没有执行完整的测试，但至少在特定的 jQuery 版本和最新的 Chrome 上，我也通过开发者工具遇到了这个问题。 animate 确实有效。 scrollTop 和 scrollTo 都不起作用。尽管如此，即使您明确表示您不想使用 animate 我仍然推荐它，因为它正在工作，如果您像这样使用它，我认为没有理由不使用它：

$('html, body').animate({scrollTop: 500}, 0);

这将滚动到 500 像素并且根本没有动画，因为持续时间设置为 0。我还必须指出 Chrome 的上一个问题：

Possible duplicate

Issue on Github

我知道这个问题已经结束，但它可能是相关的，可能应该报告它，因为有一些可疑的东西。