首頁  >  文章  >  web前端  >  html怎麼設定不顯示捲軸

html怎麼設定不顯示捲軸

藏色散人
藏色散人原創
2021-04-28 09:27:176969瀏覽

html設定不顯示捲軸的方法:先新建一個HTML程式碼頁面;然後在html程式碼頁面上建立div;接著設定scroll-box、scroll類別樣式;最後給scroll-box設定一個高度和內容超出後隱藏的樣式即可。

html怎麼設定不顯示捲軸

本文操作環境:windows7系統、HTML5&&CSS3版,DELL G3電腦。

先開啟前端開發工具hbuilder,新建一個HTML程式碼頁面,在html程式碼頁面上建立一個父

和一個子
,同時為這兩個div添加一個class分別為scroll-box、scroll。

html怎麼設定不顯示捲軸

然後給子div添加內容,為了讓捲軸可以實現,盡量多添加一些內容。

接著設定scroll-box、scroll類別樣式。為scroll-box設定一個高度和內容超出後隱藏的樣式,給scroll設定內容超出後顯示捲軸、高度為100%、寬為100%加上捲軸的寬。

html怎麼設定不顯示捲軸

儲存html程式碼,使用瀏覽器打開,就會發現捲軸已經不顯示出來,但是頁面內容依然可以捲動。

html怎麼設定不顯示捲軸

【推薦學習:HTML影片教學

以上是html怎麼設定不顯示捲軸的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn