禁止系統預設滾動條

2021-10-01 23:33:23 字數 403 閱讀 7013

單獨給html設定時,視窗出現滾動條。

html
單獨給body設定時,視窗出現滾動條。

body
給html和body都設定時,body出現滾動條,視窗也出現滾動條。

html

body

原因:

1、給html設定overflow,會作用到視窗上。

2、當沒有設定html中的overflow屬性時,,單獨給body設定overflow屬性,會作用到視窗上。

3、當設定了html中的overflow屬性,再設定body中的overflow時,分別作用於視窗和body。

html, body

系統滾動條

html和body這兩個元素overflow的scroll屬性,控制著系統的滾動條 document和body 系統的滾動條有兩個,乙個是body身上的 乙個是document身上的。我們平時看到的那個滾動條是document身上的。如果我們想要控制系統滾動條哪個顯示哪個關閉分以下情況 1 單獨的給...

CSS美化預設滾動條

在實際專案中,我們難免會遇到內容過多產生滾動條的時候,比如這樣的 預設情況下的滾動條不是很美觀,我們可以嘗試利用css來美化一下預設樣式。1 webkit scrollbar 滾動的區域 可以給滾動的區域設定width height background border等 2 webkit scrol...

vue滾動條禁止 vue彈窗後如何禁止滾動條滾動?

常見場景 在許多填寫表單的頁面中,都會彈出乙個選擇器,讓你在彈窗中選擇專案。有時,彈窗本身容納不下內容,需要讓它不斷滾動來展示,但因為事件是冒泡的,有時就會造成底部 body 的z index肯定是在下面的 的內容也在滾動。這內外一起滾,就有點尷尬了。舉例,下面兩張圖里,都有類似的問題。那麼怎麼解決...