html - 网站无法正确滚动(不流畅)和返回顶部失败

Question

我正在处理的网站上有一些与滚动相关的问题:http://wvg.lexerim.com

因为我在顶部实现了 twitter 自动收报机，所以我可以向右滚动，为了解决这个问题，我使用了这个线程中投票最多的解决方案:DISABLE the Horizontal Scroll (其他人没有工作)。

但是这个解决方案会导致以下两个问题:- 滚动不再流畅(尤其是在移动设备上)- 返回顶部按钮不再起作用 <- 这不重要，可以简单地禁用它

你们有任何流体滚动的解决方案或水平滚动问题的更清洁的解决方案吗？

---

编辑:附加信息trying我发现该问题仅存在于 Safari 和 Chrome(可能还有其他 webkit 浏览器)中，而不存在于 firefox 中，该问题是由溢出语句引起的。

---

编辑 2:因为这显然是一个 Webkit(基于)问题，所以已经填写了两个错误报告 Safari/Webkit Chromium

Answer 1

我相信你最好在 CSS 中采用这种方式:

overflow-x: hidden;
overflow-y: scroll;

此外，也许 webkit 的触摸溢出滚动可能有所帮助？

Momentum Scrolling on iOS Overflow Elements

就其值(value)而言，只需在 Firefox 中浏览您的站点，返回顶部对我来说很有效。但是，是的，使用滚轮滚动非常慢，我没有看到任何应该导致这种情况的代码浏览。