当 Firefox 运行良好时，Chrome 并不总是跳转到 #top答案

【问题标题】：Chrome doesn't always jump to #top while Firefox is doing fine当 Firefox 运行良好时，Chrome 并不总是跳转到 #top
【发布时间】：2016-10-13 02:10:09
【问题描述】：

网站说明

我有一个页面，其中同时显示 10 个 div 列表，而源文档中有 100 个。底部是一个按钮 - 如果单击它 - 隐藏这 10 个 div 并显示下一个 10 个 div。按钮本身是带有href="#top" 的样式链接，其中id 属于我的navbar。

问题

如果我使用 Chrome，每次点击按钮时它都不会跳到顶部。有时它会跳转，有时它只是显示新的 div 而没有跳转到顶部。

什么有效

如果我使用 Firefox 没有问题。

问题

我怎样才能找出问题出在哪里 - 我的意思是，我的代码中的其他地方是否存在导致这种行为的错误（不跳转到 #top） - 或者是否有其他方法可以告诉用户浏览器跳到我应该或可以使用的顶部？

【问题讨论】：

如果我可以提出建议：我会在 Javascript 中处理滚动到顶部的逻辑，而不是使用指向锚点的链接。让您的滚动到顶部按钮/链接调用只调用 window.scrollTo(0, 0); 的 Javascript 函数
@Aeolingamenfel 这样就可以了。谢谢！
好的，那我转为答案。

标签： html google-chrome

【解决方案1】：

您应该使用 Javascript，使用 window.scrollTo() 函数，而不是使用锚点和指向它们的链接（因为您的锚点可能会改变位置，或在浏览器之间工作不同）：

HTML

<button onclick="scrollToTop()">Go to Top</button>

Javascript

function scrollToTop(){
    window.scrollTo(0, 0);
}

注意scrollTo()有两个参数；要滚动到的顶部和左侧位置。 scrollTo() 也没有动画，它会立即滚动到您设置的位置。

【讨论】：