PC端設定和隱藏滾動條方法

2022-01-11 20:34:41 字數 381 閱讀 6960

展示螢幕:1920 x 1080 螢幕

在做pc端的時候,如果頁面高度超過了1080就會有滾動條,不同遊覽器的滾動條都是計算寬度的。

而我們在開發的時候會將頁面寬度限制到1920,所以當滾動條出現的時候,頁面寬度+滾動條寬度就會大於1920

如果切換兩個同級頁面a,b,如果頁面a出現了滾動條,b沒有,那麼切換a,b的時候,螢幕顯示的寬度不同。

1. 想的是獲取到路由器滾動條寬度,讓頁面寬度+滾動條寬度 = 1920所有的頁面都需要,不管本該有沒有滾動條(未實驗)

2.隱藏滾動條:

::-webkit-scrollbar 

::-webkit-scrollbar

改特性是非標準的,盡量不要在生產環境中使用它!

pc端和手機端禁用滾動條

pc端 禁止出現滾動條 html,body 禁止縱向滾動條 禁止橫向滾動條overflow屬性 檢索或設定當物件的內容超過其指定高度及寬度時如何顯示內容 overflow auto 在需要時內容會自動新增滾動條 overflow scroll 總是顯示滾動條 overflow x hidden 禁止...

HTML 隱藏滾動條和去除滾動條的方法

1.html 標籤加屬性 xml html code複製內容到剪貼簿 htmllang en class no ie style overflow hidden 2.body中加入以下 xml html code複製內容到剪貼簿 styletype text css html html頁面去除滾動條...

隱藏滾動條

2018 03 17539view0 隱藏滾動條的同時還需要支援滾動,我們經常在前端開發中遇到這種情況,最容易想到的是加乙個iscroll外掛程式,但其實現在css也可以實現這個功能,我已經在很多地方使用了,下面一起看看這三種方法。在本站的側欄,你可以看到前端 的那塊內容並沒有滾動條,但滑鼠移上去卻...