如何使垂直滾動條獨立於HTML頁面？

我有一個網站（http://www.rtistree.com），它在一些頁面上有垂直滾動條。但有些頁面沒有。頁面內容居中，但是當出現垂直滾動條時，它將內容左移一點（8像素）。如何使我的內容獨立於垂直滾動條呈現？如何使垂直滾動條獨立於HTML頁面？

來源

2012-02-06 Epsiloncool

讓你的內容的寬度足以包括滾動條，否則禁用滾動條作爲一個整體'溢出-Y：none' .. – 2012-02-06 18:38:50

@VivekChandra我怎樣才能讓我的內容足以包括滾動條？你能提供一些例子嗎？ – Epsiloncool 2012-02-06 18:42:18

問題是，內容比容器更多 - 因此滾動條即將到來 - 但滾動條本身佔用一些空間 - 因此容器應該足夠大，以便滾動條也可以。使它成爲「如果內容太大而無法放入容器中，則「overflow：auto」將無法解決，因爲垂直條仍然存在。如果您粘貼了一個示例代碼，我可以用它來引導您。 – 2012-02-06 18:52:31

嗨Epsiloncool一個解決方案是總是顯示滾動。

html { overflow-y: scroll; }

來源

2012-02-06 18:42:12 Wlada

我認爲最常見的方式是總是有滾動條：

html 
{ 
    overflow-y: scroll; 
}

如果：原因你總是有它，惱人的「翻頁效果」會消逝。

來源

2012-02-06 18:39:55

你有兩個選擇。

設置你的身體有溢出-y：hidden;

或

body overflow-y：auto;

自動將始終有滾動條存在，但不活動，如果它不需要它，隱藏將始終刪除它。最好的選擇是做汽車，這將消除你的內容的轉變。

來源

2012-02-06 18:40:29

如何使垂直滾動條獨立於HTML頁面？

回答

相關問題