2011-05-25 113 views
4

如何防止jquery水平滚动?如何禁用jquery的水平滚动?

我知道我知道。它会更好地使用CSS(溢出-x),但是Firefox已经阻止了我从使用:(

编辑错误:

这也是为什么我要做到这一点的解释

  1. 使用Firefox去这里:www.simplymichele.com
  2. 玩它,浏览各地,抓斗及刷卡等来熟悉它是如何工作
  3. 使用Firebug,请从下面的代码样式表:

.gecko #content { overflow:auto; }

这将重置#内容到:

溢出 - X:隐藏; overflow-y:auto;

  1. 现在尝试导航。查看Firefox在滚动到不同页面后如何回到第一张幻灯片(您必须点击两次导航链接才能保留)?这只发生在Firefox,不知道为什么。这就是为什么我把它称为FF错误。现在它可能是一个scrollTo插件的bug,不确定是否。

随机注意:底部水平滚动条隐藏在导航div下面的firefox中。查看它用Firebug更改#内容的高度。

......现在,我已经解释了为什么我需要这种控制在Firefox中的横向滚动的复杂方法,你可以投我回零?请:)

+6

似乎它会更有意义清理您的布局,所以它没有任何需要水平滚动...... – bpeterson76 2011-05-25 15:54:20

+12

我从来没有听说过这个FF错误 – Neal 2011-05-25 15:54:23

+1

什么是Firefox的错误?也许这比使用jQuery解决方案更容易解决。 – 2011-05-25 15:54:26

回答

3

你不能使用jQuery的.css()函数来做到这一点?

不幸的是我没有访问到Firefox现在因为我在Mac上,但我使用jquery了很多,好像你可以这样做:

$('.gecko #content').css('overflow-x', 'hidden'); 

如果这行不通然后我不知道...对不起

+1

@Dave - 不错的网站 – sadmicrowave 2011-05-25 17:03:28