overflow-x拒絕顯示？

我在一個網站上工作，我不能設法讓窗口縮小時（模擬平板電腦/手機）overflow-x滾動。overflow-x拒絕顯示？

html { 
    margin: 0; 
    padding: 0; 
    height: 100%; 
    overflow-x: auto; 
} 

body { 
    margin: 0; 
    padding: 0; 
    width: 100%; 
    overflow: auto; 
}

是我能想到的，就是控制這個。您可以查看該網站HERE。

非常感謝您的任何建議。

來源

2013-01-04 matt

您可以通過設置溢流迫使滾動：滾動; – Alex

你有溢出設置爲隱藏在身體上，你也不需要設置'html'元素的溢出 – Sean

您在#wrapper div上設置了最小寬度集，這在技術上意味着它永遠不會有任何溢出內容。

設置CSS爲包裝於以下內容：

#wrapper { 
    margin: 0 auto; 
    max-width: 2560px; 
    min-width: 900px; 
    overflow-x: auto; 
    padding: 0; 
    position: relative; 
    width: 100%; 
}

並從CSS的body & html要素溢出性質，它們都是不必要的。

做出上述更改後，您應該可以在移動設備上水平滾動，但上面的最小寬度值可能需要更改。

來源

2013-01-04 17:04:18 Sean

肖恩我曾嘗試所有這一切，沒有運氣，不知道爲什麼它不合作。我現在在網站上實時應用了這些更改，但仍有一些情況導致它不想滾動。 – matt

嗨馬特。該網站現在似乎對我滾動罰款 - 您是否在移動設備/其他類型的設備上進行測試（我正在使用PC atm）？ – Sean

我正在iPad上測試，在我的電腦上，我看到每個部分的卷軸，我也應用了HeXa在下面做出的更改。 iPad上發生的事情是它只顯示3/4的頁面，其餘的被切斷，也許我應該調整縮放或設置媒體查詢，以便頁面在移動/ ipad上正確加載？ – matt

如果你想有元素滾動能夠你應該爲它或它的父母定義寬度。
所以最小寬度添加到您的HTML樣式：

html { 
    margin: 0; 
    padding: 0; 
    height: 100%; 
    overflow-x: auto; 
    min-width: 1000px; # this is when html will be scroll-x 
}

來源

2013-01-04 17:11:32

overflow-x拒絕顯示？

回答

相關問題