2017-05-26 34 views
0

這可能有點奇怪的問題......我想知道是否有一個div(或任何元素真的)正常縮放到窗口大小調整但忽略滾動條的出現/消失?由於內容是在頁面上動態生成的,滾動條中會彈出一個彈出窗口,將內容移動一秒鐘,然後彈出回到原位。防止垂直滾動條上的div移動出現/消失但不調整窗口大小

如果這個給定的div可以忽略滾動條的外觀/消失以保持其子位置並僅響應窗口大小,那將會很好。

感謝您的幫助!

+0

我認爲IE是唯一支持覆蓋內容的滾動條的瀏覽器。對於其他瀏覽器,我認爲你必須去自定義滾動條路線。 – hungerstar

+0

@hungerstar,使用['-webkit-scrollbar'](https://css-tricks.com/examples/WebKitScrollbars/) – TricksfortheWeb

+0

@Ticks.comheWeb有趣,但不是真正的跨瀏覽器解決方案。 – hungerstar

回答

0

overflow: hidden;將阻止滾動條出現,即使窄窗口導致您的元素調整大小/剪輯內容。

或者,只是水平/垂直滾動:

overflow-x: hidden;關閉只是水平滾動。

overflow-y: hidden;只關閉垂直滾動。


其他選項:

overflow: auto;將顯示滾動條僅在需要時(當窗口變窄)

overflow: scroll;將保持滾動UI甚至有滾動條時不存在(即使窗戶很寬)。

overflow: visible;是大多數元素的默認值overflow,它縮小時根本不裁剪內容,所以沒有滾動條。

相關問題