隱藏頁(yè)面的滾動(dòng)條_Html教程_奇迪科技(深圳)有限公司(m.cheanjie.com)
在網(wǎng)頁(yè)設計、制作的時(shí)候,有時(shí)候為了讓頁(yè)面更為簡(jiǎn)潔,需要隱藏瀏覽器窗口下方、瀏覽器窗口右側的滾動(dòng)條,那該怎么做呢?
下面通過(guò)CSS的辦法隱藏滾動(dòng)條:
一、隱藏頁(yè)面右側的上下滾動(dòng)條:
CSS代碼:
body{
overflow:-Scroll;
overflow-y:hidden
}
二、隱藏頁(yè)面底部的左右滾動(dòng)條:
CSS代碼:
body{
overflow:-Scroll;
overflow-x:hidden
}
三、如果想把頁(yè)面底部的和頁(yè)面右側的滾動(dòng)條都隱藏,該怎么做?
CSS實(shí)現該效果的代碼如下:
body{
overflow:hidden;
}
備注:以上的方法,在有的瀏覽器下如果頁(yè)面超出范圍,則超出的部分被隱藏,用戶(hù)無(wú)法看到(無(wú)法左右或上下滾動(dòng)),而有的瀏覽器還是可以上下或左右滾動(dòng)只是不顯示滾動(dòng)條而已。如果沒(méi)有特別的需要,還是不建議隱藏滾動(dòng)條。
本文版權所有,轉載須注明:來(lái)源 http://m.cheanjie.com/qvdv-wdl-238.html