您好,登錄后才能下訂單哦!
這篇文章給大家介紹怎么在css中設置禁止滾動條,內容非常詳細,感興趣的小伙伴們可以參考借鑒,希望對大家能有所幫助。
css禁止滾動條的方法:1、在
里加入“scroll="no"”實現隱藏滾動條;2、通過設置“ ”實現在不需要時隱藏滾動條;3、通過overflow屬性隱藏滾動條。
CSS 禁止滾動條
CSS 禁止滾動條,有4種方法,具體如下:
1、完全隱藏
在<boby>里加入scroll="no",可隱藏滾動條;
<boby scroll="no">
2、在不需要時隱藏
指當瀏覽器窗口寬度或高度大于頁面的寬或高時,不顯示滾動條;
反之,則顯示;
<boby scroll="auto">
3、樣式表方法(這個比較好用)
在<boby>里加入style="overflow-x:hidden",可隱藏水平滾動條;
加入style="overflow-y:hidden",可隱藏垂直滾動條。
被包含頁面里加入
<style> html { overflow-x:hidden; } </style>
4、另一種方法
<style type="text/css"> body { overflow-x:hidden; overflow-y:hidden; } </style> <style type="text/css"> html { overflow-x:hidden; overflow-y:hidden; } </style>
關于怎么在css中設置禁止滾動條就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。