強制瀏覽器始終水平滾動？

有沒有辦法強制瀏覽器總是水平滾動？沒有在任何div上設置固定寬度？強制瀏覽器始終水平滾動？

我做了它，以便在div有問題（其中包含一個表）將與滾動：

overflow-x:auto;

但我需要使用瀏覽器的滾動條，並在DIV沒有滾動條本身。

頁面代碼類似於此：

<div id="content"> 
<div id="MenuContainer"> 
.....various divs for menu 
</div> 
<div id="TableContainer"> 
...ASP Gridview that renders a table 
</div> 
</div>

我希望能夠使橫向使用瀏覽器滾動條的頁面滾動，火狐已經做了這個用，因爲它是代碼，但IE6， 7,8都強制「TableContainer」div中的內容進入菜單下方。

菜單和表格容器都向左浮動。

來源

2011-03-21 Dan Harris

我認爲，而不是「總是水平滾動」，你試圖問如何「保持所有」在一條線上，即使這樣做需要水平滾動「。你能否在[JS Bin]（http://jsbin.com/）上粘貼輸出HTML和伴隨CSS的例子？ – thirtydot 2011-03-21 12:35:47

嘗試設置這樣的：

{overflow-x:scroll}

在身上的CSS

來源

2011-03-21 14:11:50

這使得頁面的底部水平滾動，但您需要滾動到主體的底部才能看到滾動條 – 2011-03-21 16:11:27

我認爲你剛纔使用的是花車？你可以通過觸發hasLayout（zoom：1;）強制浮動在IE7中並排坐在一起，但不是在IE8中，所以我會使用表格顯示屬性而不是浮動，並將IE7的浮動版本與黑客一起提供，或者將IE7屬性在有條件的CSS

試試這個：

#MenuContainer { 
    float: left !ie7; 
    display: table-cell; 
    min-width: 300px; 
    background: #cfc; 
} 
#TableContainer { 
    zoom: 1 !ie7; 
    display: table-cell; 
}

添加jsfiddle

來源

2011-03-21 12:59:56 clairesuzy

強制瀏覽器始終水平滾動？

回答

相關問題