CSS溢出和水平滾動條

我想在網站上建立一個簡單的jQuery面板滑塊（實際上是兩個）。當談到JS/Javascript時，我並不是專家，出於某種原因，我無法刪除我網站上的水平滾動條。CSS溢出和水平滾動條

滑塊領域是畫廊和特性項目的部分內。

我已經嘗試添加溢出：隱藏到幻燈片包裝divs，但它似乎並沒有工作。

有什麼建議嗎？

2012-08-10 Scully

我不認爲這是導致滾動條出現的幻燈片 - 我假設如果這是從幻燈片的所有三個圖像將水平顯示，您可以滾動瀏覽它們，但幻燈片似乎工作正常。 – 2012-08-10 04:48:57

你想要什麼？你不想要水平滾動條？或者是其他東西？正如Michael Peterson所說：「我不認爲這是導致滾動條出現的幻燈片」 – 2012-08-10 05:02:01

添加CSS propertie 「溢出-X：隱藏」到「BODY」。不適用於IE8-

這將工作，但將是一個黑客攻擊。你的結構出現橫向滾動有問題，不幸的是我現在無法進一步檢查。

2012-08-10 04:49:56

在你的style.css

替換此代碼

body { 
    font-family: 'Yanone Kaffeesatz'; 
    font-size: 21px; 
    font-weight: 400; 
    overflow-x: hidden; 
}

2012-08-10 04:52:11 gaurang171

Bingo！謝了哥們！ – Scully 2012-08-10 05:04:24

蒂姆，在你的style.css有在課堂上兩個陌生寬度：

#gallery .panels { 
    -moz-transition: margin-left 0.8s ease 0s; 
    margin-left: 0; 
    overflow: hidden; 
    width: 4320px; 
}

和

#project .panels { 
    overflow: hidden; 
    width: 2880px; 
}

他們是導致滾動條。

刪除它們，或者，如果你想留住他們，應用方法每個人提示：

overflow-x:hidden對身體

2012-08-10 05:01:01 Vlad

不是黑客攻擊！我通過應用解決了您的問題

.wrap { 
    position: relative; 
}

總是作爲預軋製網格系統中的標準應用。原來，這就是瀏覽器需要注意溢出的原因：隱藏在該元素上。

2012-08-10 05:10:40

回答