0
這可能有點奇怪的問題......我想知道是否有一個div(或任何元素真的)正常縮放到窗口大小調整但忽略滾動條的出現/消失?由於內容是在頁面上動態生成的,滾動條中會彈出一個彈出窗口,將內容移動一秒鐘,然後彈出回到原位。防止垂直滾動條上的div移動出現/消失但不調整窗口大小
如果這個給定的div可以忽略滾動條的外觀/消失以保持其子位置並僅響應窗口大小,那將會很好。
感謝您的幫助!
這可能有點奇怪的問題......我想知道是否有一個div(或任何元素真的)正常縮放到窗口大小調整但忽略滾動條的出現/消失?由於內容是在頁面上動態生成的,滾動條中會彈出一個彈出窗口,將內容移動一秒鐘,然後彈出回到原位。防止垂直滾動條上的div移動出現/消失但不調整窗口大小
如果這個給定的div可以忽略滾動條的外觀/消失以保持其子位置並僅響應窗口大小,那將會很好。
感謝您的幫助!
overflow: hidden;
將阻止滾動條出現,即使窄窗口導致您的元素調整大小/剪輯內容。
或者,只是水平/垂直滾動:
overflow-x: hidden;
關閉只是水平滾動。
overflow-y: hidden;
只關閉垂直滾動。
其他選項:
overflow: auto;
將顯示滾動條僅在需要時(當窗口變窄)
overflow: scroll;
將保持滾動UI甚至有滾動條時不存在(即使窗戶很寬)。
overflow: visible;
是大多數元素的默認值overflow
,它縮小時根本不裁剪內容,所以沒有滾動條。
我認爲IE是唯一支持覆蓋內容的滾動條的瀏覽器。對於其他瀏覽器,我認爲你必須去自定義滾動條路線。 – hungerstar
@hungerstar,使用['-webkit-scrollbar'](https://css-tricks.com/examples/WebKitScrollbars/) – TricksfortheWeb
@Ticks.comheWeb有趣,但不是真正的跨瀏覽器解決方案。 – hungerstar