首頁 >web前端 >html教學 >HTML 隱藏捲軸和移除捲軸的方法

HTML 隱藏捲軸和移除捲軸的方法

不言
不言原創
2018-06-05 13:53:473769瀏覽

這篇文章主要介紹了HTML 隱藏滾動條和去除滾動條的方法的相關資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下

1. html 標籤加屬性

XML/HTML Code複製內容到剪貼簿

<html lang="en" class="no-ie" style="overflow:hidden;">

2.body中加入以下程式碼

XML/HTML Code複製內容到剪貼簿

<style type="text/css">
html{     
    overflow-x: hidden;     
    overflow-y: hidden;     
}     
</style>

##html頁面移除捲軸的方法

為了防止先前的css檔案覆寫body的的style

直接在html中寫一個css

XML/HTML Code複製內容到剪貼簿

<span style="font-size:24px;"><style type="text/css">
body{     
    overflow-x: hidden;     
    overflow-y: hidden;     
}     
</style></span>

這樣就沒有滾動條了

相關推薦:

##html表格單元格內容超出時顯示省略號效果


以上是HTML 隱藏捲軸和移除捲軸的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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