javascript - 混合使用 overflow-x、FireFox 和 Javascript 时出现问题

Question

首先，这个问题只发生在 Firefox 中。

查看此示例页面以了解问题:-删除-

选择主页以外的任何页面。窗口将滚动到页面。然后您可以使用鼠标滚轮向下滚动。这很好用。但是，如果您用鼠标捕获右侧的滚动条，它将跳回“主页”(左上角，第一个元素，它是整个页面/网站的一部分)。

违规代码是:

#content{

overflow-x: hidden; /* <<problem maker */
overflow-y: auto;
width:100%;
background-color:white;
position:relative;
height:400px;
float:left;
min-width: 900px;

}

...如果我取消隐藏 overflow-x (overflow-x: auto;) 一切正常，但我得到一个不需要的水平滚动条。

我正在使用 jquery ScrollTo 插件，它为 #content 中的 div 位置设置动画以创建“滑动”效果。显然，因为 Firefox 正在“重置”到默认加载位置，所以它认为它不应该允许我水平“滑动”。

这是 Firefox 的错误吗？还是 ScrollTo 插件中的错误？或者甚至是 jQuery？

关于如何解决这个问题的任何想法？解决方法？

非常感谢任何帮助!谢谢!

Answer 1

解决方法:将滚动条隐藏在另一个 div 下。蹩脚的，但在我的情况下有效。