简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > html教學 > 主體

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

不言
發布： 2018-06-05 13:53:47
原創
3728 人瀏覽過

這篇文章主要介紹了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中文網其他相關文章！

相關標籤：
html隐藏滚动条 html去除滚动条
來源：php.cn
上一篇：在html中顯示JSON資料的方法 下一篇：HTML製作個人履歷的簡單實現
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
單擊並滾動時隱藏/顯示 div 我想建立一個隱藏的搜尋表單，當我們點擊搜尋圖示時，該表單會出現，而當使用者點擊或捲動時，搜尋表單會隱藏。
來自於 2024-04-06 12:20:46
0
1
386
視窗中的內容溢出阻止滾動並隱藏新內容 我目前正在建立一個輪盤系統程式（這更多的是為了阻止我下注而不是下注！）並且我只是在做基本框架，但已經遇到了主視窗“#results”不滾動的問題充滿了結果。捲動需要跟隨最新的內容行...
來自於 2024-04-03 21:24:55
0
1
285
Vanilla JS setTimeout()：辨識錯誤行為 我的漢堡式選單上有一個用HTML、CSS和VanillaJavaScript寫的動畫。預期結果當您單擊漢堡菜單按鈕時，應該發生以下事件：單擊漢堡菜單圖標時：main旋轉180°並在...
來自於 2024-04-02 20:44:40
0
1
284
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！