總是顯示瀏覽器的滾動條，以防止頁面跳轉

可能重複：
How to always show scrollbar in browser using javascript?總是顯示瀏覽器的滾動條，以防止頁面跳轉

有些我也有很多其他內容頁面有幾行，所以當我之間點擊頁面某些頁面在瀏覽器上有一個滾動條，而其他頁面則沒有。因爲這個原因，頁面之間的點擊會導致頁面跳躍。

是否有可能在任何時候都能看到滾動條，或者如果沒有足夠的內容來停止頁面跳轉，可能會顯示滾動條？

它可以工作在所有瀏覽器，希望有人能幫助，

乾杯

2012-09-25 Paul

你看過http://stackoverflow.com/questions/4050076/how-to-always-show-scrollbar-in-browser-using-javascript？這是一個相當常見的方法（並且接受的答案實際上並不使用javascript :-) – dash

有趣的是，IE11中不存在「跳轉」問題。看起來IE11將滾動條放在內容上，所以沒有寬度變化，也沒有跳轉。 –

嘗試通過克里斯Coyer閱讀本article，它解釋了它相當不錯。

從文章：

分配溢出-Y滾動不工作，和它的作品在Firefox， Safari和IE 6，這使得它最好的解決辦法：

html { 
    overflow-y: scroll; 
}

來源

2012-09-25 12:05:45

我已經更新了您的答案，以包含鏈接文章的相關部分;請記住，不能保證你今天鏈接的內容將在明天出現！ – dash

感謝破折號，請記住 –

爲了避免雙滾動條，我強烈建議使用'body {overflow-y：scroll;而不是。 – niry

html { 
    overflow-y: scroll; 
}

這是最好的解決方案。

來源

2012-09-25 12:08:30 Salketer

不是最好的解決方案。授予'html'標記包含'body'，但也包括'head'，其中CSS沒有意義。在'body'層次定義屬性更好。 – stevenvh

身體水平溢出將導致一些（IE6）瀏覽器上的雙滾動條。 – Salketer

IE6，只有2人仍在使用它，對吧？ – stevenvh

總是顯示瀏覽器的滾動條，以防止頁面跳轉

回答

相關問題