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

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

這篇文章主要介紹了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>

這樣就沒有滾動條了

相關文章