2010-10-11 66 views
1

首先,这个问题只发生在Firefox中。混合overflow-x,FireFox和Javascript的问题

入住此示例页面了解的问题: -removed-

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

有问题的代码是:

#内容{

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

}

...如果余取消隐藏溢出 - X(溢出 - X:自动;)一切工作正常,但我得到一个不受欢迎的水平滚动条。

我正在使用jquery ScrollTo插件来动画div内的位置#content来创建“滑动”效果。显然,由于Firefox“重置”到默认的加载位置,它不认为它应该允许我水平滑动。

这是一个Firefox的错误?或ScrollTo插件中的错误?或者甚至可能是jQuery?

如何解决这个问题的任何想法?变通办法想法?

任何帮助非常感谢!谢谢!早在你们的老2005年

+0

恩你是否解决了这个问题?我没有看到IE或FX或Chrome的行为有差异 – jcolebrand 2010-10-11 22:33:54

+0

nope。还没有修复它。在PC和Mac上用FF测试。你确定你用鼠标抓住了滚动条吗?它滚动键和鼠标滚轮就好了。 – Dave 2010-10-11 22:49:22

回答

1

解决方法: 隐藏在内部的div滚动条。跛脚,但适用于我的情况。

+0

尽管它看起来像一个非常明显的FF错误,但我很难找到有关这方面的信息! – skybondsor 2011-02-28 02:36:52

+0

如果你想聊聊这个问题,请给我发电子邮件:[email protected] – Dave 2011-03-08 15:49:17