2010-06-29 97 views
1

只是想知道是否有辦法強制瀏覽器調出水平滾動條。我的問題是我在div中有一些圖像,當我縮小窗口時它們會「溢出」。我寧願不使用溢出屬性,也不想調整圖像大小。強制瀏覽器添加水平滾動條?

由於提前,

馬特

+0

咦?如果它們溢出窗口外,滾動條默認會彈出。 – ceejayoz 2010-06-29 22:03:42

+0

對不起,如果我不清楚。我的意思是,當我縮小瀏覽器窗口時,它們溢出了div。直到瀏覽器窗口到達滾動條顯示的圖像。 – Matt 2010-06-29 22:07:06

回答

2

啊,我是一個小菜鳥。我需要做的只是將其添加到我的腳本中:

$(window).resize(function() { 
if($(window).width() <= 1200) 
    $("body").css("width","1200px"); 
else 
$("body").css("width","100%"); 
}); 

這正是我所希望的。

感謝您的幫助球員。

+2

你知道你可以使用'min-width:1200px'嗎? – Killah 2013-03-19 11:13:38

+0

哦!非常感謝你的回答 – fc123 2014-10-08 10:31:15

2

使用CSS3 overflow-x財產強制滾動:

overflow-x: scroll 

領帶到一個Javascript回調的onResize,你應該準備就緒。

+0

我想整個頁面的滾動條,而不是div本身。 – Matt 2010-06-29 22:41:20

+0

您是否嘗試過直接在身體標籤上使用「溢出」(可能與某些「寬度」設置/調整相結合) – hundredwatt 2010-06-29 23:20:22

+0

完全正確的答案。 – 2017-03-29 20:59:51