首先,这个问题只发生在 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?
关于如何解决这个问题的任何想法?解决方法?
非常感谢任何帮助!谢谢!
最佳答案
解决方法: 将滚动条隐藏在另一个 div 下。蹩脚的,但在我的情况下有效。
关于javascript - 混合使用 overflow-x、FireFox 和 Javascript 时出现问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3910386/