javascript - 当溢出为 "hidden"时停止 Firefox 重置水平滚动位置？

Question

我有一个水平滚动的 div，里面有部分。我正在使用 Ariel Flesler's scrollTo从一个部分滚动到另一个部分的插件。

请参阅:http://jsfiddle.net/carienf/qZeEe/

fiddle 在 IE 9、Safari 5.1、Opera 11.5 和 Chrome 14(所有最新版本)中完美运行。我可以单击链接滚动到相应的部分并在其中滚动或使用鼠标滚轮。

问题:在 Firefox 7(及更早版本)中，当我滚动到第 2 部分或第 3 部分然后使用滚动条向下滚动时，我的位置重置为第一部分。当我调整浏览器窗口大小时也会发生这种情况。如果我使用鼠标滚轮滚动，Firefox 会正常运行(换句话说，我会停留在当前部分)。

我的问题几乎完全重复了这个问题:Problem mixing overflow-x, FireFox, and Javascript

只是，接受的答案(允许水平滚动条可见)不适用于我的特定情况。此外，发布问题的人已经删除了他的例子。我真的需要那个滚动条保持隐藏状态，我真的不喜欢将它隐藏在 div 后面的想法。

有没有办法(除了将溢出设置为“自动”之外)阻止 Firefox 重置我的滚动位置？或者其他隐藏滚动条的方法？

更新:将 Firefox 更新到 8.0(仍然是测试版)，然后行为与其他浏览器一致。

Answer 1

我可以看到几个选项。

1. 剪掉滚动条。进行一些测量，您必须绝对定位。
2. 在外部添加第二个 div 以进行垂直滚动。这会破坏您当前的代码，但它确实解决了滚动问题。 jsfiddle.net/s2YFM