如何阻止滾動條移動我的頁面？</p> <pre><code>#wrapper { width: 960px; margin-left: auto; margin-right: auto; } </code></pre> <p>的問題是：每當含量的增加和垂直滾動條出現，它取代

我已經在一個包裝的div包裹的頁面內容，然後把這個樣式表中的中心我的網頁內容內容，因爲視口的大小已更改。我們如何確保無論滾動條的可見性如何，居中內容的位置都不會改變？如何阻止滾動條移動我的頁面？</p> <pre><code>#wrapper { width: 960px; margin-left: auto; margin-right: auto; } </code></pre> <p>的問題是：每當含量的增加和垂直滾動條出現，它取代

2012-10-19 Zuhaib Ali

你可以發佈的網址或點擊這裏創造一個小提琴 - http://jsfiddle.net/ – Dipak

您可以使用絕對定位爲您的內容，但它取決於你的內容類型。 – Martijn

@dipaks巴特爾的答案解決了它。 –

因爲當頁面的寬度發生變化時（當滾動條出現時），您的內容相對於窗口的大小（margin-left：auto; margin-right：auto）進行定位，因此內容的位置會更改爲好。

爲了解決這個問題，你可以使用這個指定的頁面上的內容絕對位置：postion:absolute

另一種選擇是使用overflow-y property以指定是否要剪輯溢出到內容元素內容。

html {overflow-y:scroll;}

2012-10-19 05:53:35

謝謝。這工作得很好。 –

回答