2011-05-25 111 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