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

html怎麼設定不顯示捲軸

藏色散人
發布: 2023-01-05 16:12:10
原創
7025 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板