瀏覽器水平滾動顯示時不需要

實施例鏈接：（鏈接刪除解決由於球員）瀏覽器水平滾動顯示時不需要

當頁面被第一裝載我們看到在瀏覽器的底部處的水平滾動條。這個滾動條停留2-5秒並消失。

在我目前的分辨率上沒有必要，所以我不明白它爲什麼顯示出來。

這發生在Firefox 4，Internet Explorer 7中這種情況發生在Google Chrome或Safarie中。

任何想法？

感謝

來源

2011-06-21 StiGMaT

你有沒有試過把溢出：隱藏在包裝上？ – locrizak

剛剛嘗試過。使用溢出x ...沒有幫助。 – StiGMaT

問題正在網頁上所造成的一些JavaScript。如果您禁用JS，您會注意到問題不會發生。

很難確切地確定哪個位引起問題，因爲它很快就會維護自己。我的猜測是，這是帶有標題「Événementsàvenir」的文本滾動條，導致了這個問題。

來源

2011-06-21 13:02:39

雅我看到，取消js關閉滾動bug停止。所以生病繼續尋找一點。它的不是「平淡無奇」把它關掉了，它仍然在做。 – StiGMaT

在這種情況下，我的猜測是它是Facebook腳本。這似乎是加載的最後一件事，看起來問題一旦facebook腳本完成就消失了。 –

你的臉書是錯誤的。謝謝生病看看我能做些什麼。 – StiGMaT

我認爲有以下應該可以幫助您：

html, body { overflow: hidden; }

這是擺在CSS。

來源

2011-06-21 12:53:50 Manuel

雅但不會阻止水平卷軸顯示，如果頁面真的很小？現在它顯示2-5秒然後消失。如果我調整頁面的大小以使其需要顯示。我只是想避免那2-5秒的表演沒有理由。 – StiGMaT

我認爲它不，但你應該嘗試。這是我確信我知道的唯一方法。 – Manuel

您可以簡單地使用CSS3

overflow-x: hidden

來源

2011-06-21 13:01:30

它與JS的問題。你可以使用

html, body {overflow-x: hidden;}

，並確保顯示滾動條，當你調整到稍微小於最小寬度。

$(window).resize(function(){ 
    if($(window).width() < (your_container_width or fixed width that you define)) 
    $(html).css("overflow-x","scroll"); 
    $(body).css("overflow-x","scroll"); 
});

來源

2011-06-21 13:03:48

瀏覽器水平滾動顯示時不需要

回答

相關問題