2013-07-18 62 views
1

我有一些動態考慮屏幕寬度的Jquery/CSS網頁,然後將DIV單元定位爲1列或2列。添加一個新的單元格就像創建一個新的DIV一樣簡單,頁面也相應地進行了格式化。CSS或JQUERY垂直滾動條但無設置高度

我的主要問題是我無法顯示垂直滾動條。雖然我知道我可以使用鼠標滾輪向下滾動,但網站所有者想要一個垂直滾動條,以便其他人也可以知道。有很多Jquery垂直滾動條的例子,但他們所有需要設置高度或maxheight,我不能設置,因爲頁面處理自己的格式。

的一個頁面的一個例子是在這裏: Example

有沒有什麼辦法,因爲它currntly不會簡單地使用鼠標滾輪

我可以得到一個垂直滾動條到這個網頁上,將產生相同的結果

謝謝!

+0

爲什麼不使用css overflow:auto? – user1721135

回答

2

第一個問題是您有餘量,寬度爲100%。邊距被添加到塊的寬度。因爲你的.parent在你的頁面上並不完全可見。

div.parent { 
    width:auto; 
    overflow-y:scroll; 
} 
+0

我改變了一點我的答案,我在你的網站上測試它的方式適用於我。如果您正在使用帶有魔術鼠標或觸控板的Mac,則除非您滾動,否則滾動條將無法呈現; – Stinodotbe

+0

謝謝!我在這裏發佈前一直在嘗試一個星期。 –

1

在你的.parent股利你有margin-left: 2%margin-right: 2%。刪除margin-right: 2%並使寬度達到98%,滾動條就會出現。

原因是當寬度爲100%時,您的邊距將滾動條從屏幕上推開。

我也建議從<html>標籤中刪除overflow-y: scroll,因爲它似乎創建了一個巨大的禁用滾動條,可能會讓用戶感到困惑,並且似乎浪費了空間。

+0

downvote的原因是什麼? – mash

+0

我問我自己在瀏覽器中工作的一樣東西 – Supremekhaoz

+0

@ananul錯誤的,只有前者是必需的,後者只是一個建議。 – mash

1

div.parent元件上邊距太遠移位它向左隱藏滾動條。你應該改變這些填充或刪除它的100%寬度:

div.parent { 
    /* width: 100%; */ 
    margin-left: 2%; 
    padding-right: 2%; 
} 
+0

非常感謝! –