2014-10-31 123 views
1

我有一個DIV,其高度和寬度可以大於頁面。要查看右側的信息,我實際上不希望讓用戶向下滾動多個頁面,以便他們可以向右滾動一點(然後再滾回來查找他們正在查找的信息) 。始終可見的水平滾動條

是否有一個很好的jQuery庫,將複製我的div的水平滾動條,所以它始終可見在頁面的底部?

我確實有上面我的div的信息,下面是,所以改變DIV的高度不是我想低頭的路線。

+0

使'div'的高度不會超過'window'的高度,並且在div上使用垂直滾動'以及水平? – myfunkyside 2014-10-31 13:10:13

+0

我不知道是否有一個插件可以做到這一點,但你可以使用絕對位置[jqueryui滑塊](http://jqueryui.com/slider/#side-scroll) – blgt 2014-11-03 13:21:15

回答

-2

添加在你的CSS文件:

html, body { 
    min-height: 100%; 
} 

body { 
    overflow-y: scroll; 
} 
+1

垂直滾動使用:overflow-y:scroll; – VRC 2014-10-31 13:08:38

0

如果你的代碼中包含的div高度>的瀏覽器窗口的高度,然後以查看水平滾動條,用戶必須始終向下滾動頁面。我也面臨同樣的問題,但後來我認識到,用戶必須向下滾動才能看到不適合視圖端口的頁面內容,因此我使用javascript放置了一個帶有height = window.innerHeight的div,並指定了css屬性overflow:scroll現在我可以看到水平滾動條始終在我的視口上可見