混合overflow-x,FireFox和Javascript的问题

时间:2010-10-11 22:28:24

标签: javascript jquery css firefox scrollto

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

检查此示例页面以了解问题: -removed -

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

违规代码是:

  

#内容{

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?

有关如何解决此问题的任何想法?解决方法的想法?

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

2 个答案:

答案 0 :(得分:1)

解决方法: 隐藏另一个div下的滚动条。瘸子,但在我的情况下工作。

答案 1 :(得分:0)