html如何強(qiáng)制顯示以及隱藏瀏覽器的滾動(dòng)條
發(fā)表時(shí)間：2023-12-29 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]剛在做個(gè)網(wǎng)站，有個(gè)頁面與其他頁面顯示有點(diǎn)出入，通過觀察和調(diào)試，發(fā)現(xiàn)是該頁面的垂直高度未溢出，無法調(diào)用出垂直滾動(dòng)條，從而導(dǎo)致相對(duì)于其他頁面居中時(shí)相差幾個(gè)像素距離，使得頁面效果不夠友好。解決方案：將所有頁面強(qiáng)制添加或者隱藏瀏覽器的滾動(dòng)條即可。相關(guān)css 代碼如下：//強(qiáng)制顯示滾動(dòng)條:html { ov...
剛在做個(gè)網(wǎng)站，有個(gè)頁面與其他頁面顯示有點(diǎn)出入，
通過觀察和調(diào)試，發(fā)現(xiàn)是該頁面的垂直高度未溢出，
無法調(diào)用出垂直滾動(dòng)條，
從而導(dǎo)致相對(duì)于其他頁面居中時(shí)相差幾個(gè)像素距離，
使得頁面效果不夠友好。
解決方案：將所有頁面強(qiáng)制添加或者隱藏瀏覽器的滾動(dòng)條即可。
相關(guān)css 代碼如下：
//強(qiáng)制顯示滾動(dòng)條:
html { overflow: scroll; }//強(qiáng)制隱藏滾動(dòng)條:
html { overflow: hidden; }//隱藏IE的水平滾動(dòng)條:
html { overflow-x: hidden; }//隱藏IE的垂直滾動(dòng)條:
html { overflow-y: hidden; }//強(qiáng)制顯示IE的水平滾動(dòng)條:
html { overflow-x: scroll; }//強(qiáng)制顯示IE的垂直滾動(dòng)條:
html { overflow-y: scroll; }//強(qiáng)制顯示Mozilla的水平滾動(dòng)條:
html { overflow:-moz-scrollbars-horizontal; }//注意: 僅僅強(qiáng)制顯示水平滾動(dòng)條. 也就是說, 即使需要顯示垂直滾動(dòng)條時(shí), 垂直滾動(dòng)條也不會(huì)出現(xiàn).
//強(qiáng)制顯示Mozilla的垂直滾動(dòng)條:
html { overflow:-moz-scrollbars-vertical; }//注意: 僅僅強(qiáng)制顯示垂直滾動(dòng)條. 也就是說, 即使需要顯示水平滾動(dòng)條時(shí), 水平滾動(dòng)條也不會(huì)出現(xiàn).
以上就是html如何強(qiáng)制顯示以及隱藏瀏覽器的滾動(dòng)條的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
