防止由滾動條導致的重新佈局

當由於ajax內容而出現滾動條時，如何防止將頁面正文「推」到左側？我當然可以設置溢出：滾動到身體，但它看起來不會很好。防止由滾動條導致的重新佈局

我使用引導，但我想這是一個普遍的問題。

2013-10-06 Dionysian

正在推送的內容？不清楚。更加詳細一些。我不認爲有這樣的事情被推開。可能是因爲你的標記或風格。放些東西去調試。小提琴請 –

頁面原本沒有滾動條。然後ajax追加更多的內容，滾動條出現。爲了說明滾動條的寬度，原始主體被「推動」。我看到這發生在Chrome和Firefox中。如果沒有其他答案，我會在稍後放置一個小提琴。 – Dionysian

我的意思是滾動條的大小是10px。這不會對你造成很大的影響。可忽略的轉移ryt。如果未指定overflow：scroll，則無法處理此問題。否則，您必須使用z-index自定義滾動條。 –

您可以創建具有固定寬度的容器，並給出了內容相同的寬度（同一個靜態的寬度 - 不是100%）。這樣，當內容溢出父項時，滾動不會推送內容，但會在其上面流動。

使用它，你可以應用一種很酷的方式來滾動而不用推動任何東西。通過僅在您懸停容器時才顯示滾動條。

看看這個簡單的Demo

編輯： Here我展示設置靜態寬度和％之間的差額。

2013-10-06 14:35:54 avrahamcool

這對我來說是新的，看起來很有希望。非常感謝！ – Dionysian

@ user2643506如果它適合你，你應該接受它作爲正確的答案。 – avrahamcool

那麼，滾動條會一直推動你的內容，你真的無能爲力。你可以做的是始終顯示到滾動條，例如：

html,body { 
    height:101%; 
}

或

html { 
    overflow-y: scroll; 
}

2013-10-06 12:53:24 koningdavid

回答