如何在瀏覽器窗口較小時顯示滾動條？

我在整個網站和在線研究了這個問題，似乎無法找到解決方案。我有一個非常簡單的網站，中間有一個視頻播放器。如何在瀏覽器窗口較小時顯示滾動條？

我似乎無法弄清楚如何使滾動條出現，讓你可以看到所有的內容，當你打開該網站在iPad或iPhone - 或者當你在瀏覽器窗口小，

這是iPad的一個大問題，因爲這意味着觀衆無法播放視頻播放器。我該如何解決？

我一直在想我的CSS中存在一些導致問題的東西。但也許它可以在我的文檔的頭部使用簡單的javascript行來修復？

我添加了overflow：scroll;我的身體標記已經...無濟於事。

這裏是我使用我認爲解決這個問題的CSS：

body { 
    border: 0; 
    vertical-align: baseline; 
    list-style: none; 
    text-decoration: none; 
    line-height: normal; 
    margin: 0; 
    padding: 0; 
    background: #195f88; 
    background-image: url(../images/subtle-pattern-10.jpg); 
    font-size: 14px; 
    overflow: scroll!important; 
}

來源

2012-10-27 nikijordan

此外，我可以看到滾動條軌道...但你仍然不能「滾動」很奇怪！我向播放器的div標籤添加了一個滾動條，並且出現了該條，但仍然不允許您滾動。我很沮喪。 – nikijordan

如果iPad不想顯示滾動條，則無法真正強制它 - 這是瀏覽器的決定。它提供了一個滾動內容的其他界面。 – Bergi

沒關係，但是當我縮小瀏覽器窗口時，滾動條仍然沒有激活... – nikijordan

第一件事的第一 - 本網站的HTML代碼寫的不好。非常糟糕。它是如何將內容區域放在邊欄div內的？爲什麼它使用（非常）大的相對位置聲明進行定位？爲什麼側邊欄固定在第一位？

恐怕沒有人（我知道）可能可以幫助你，除非你嚴重重構你的代碼。問題是，目前，您的頁面沒有尺寸 - 因爲所有內容都是浮動或固定位置，頁面的「流動」中沒有任何內容，因此在技術上，您無需顯示任何內容，只要瀏覽器可以看到即可。你的運氣是你沒有

#wrap { overflow: hidden; }

試試吧 - 看看會發生什麼來證明我的意思。

來源

2012-10-28 01:15:33 CrimsonKing

如何在瀏覽器窗口較小時顯示滾動條？

回答

相關問題