如何去除頁(yè)面的滾動(dòng)條并且還可以用滾輪滾動(dòng)頁(yè)面?
最近在開(kāi)發(fā)網(wǎng)頁(yè)的時(shí)候遇到了這個(gè)問(wèn)題,之前在網(wǎng)上搜了一段代碼如下:
html {
-ms-overflow-style:none;
overflow:-moz-scrollbars-none;
}
html::-webkit-scrollbar{width:0px}
用Chorm瀏覽器運(yùn)行出來(lái)后滾動(dòng)消失了侦镇,而且還可以用滾輪滾動(dòng)頁(yè)面!昼牛!很開(kāi)心以為成功了统台。奄容”可是后來(lái)我用FireFox運(yùn)行出來(lái)就不能用滾輪實(shí)現(xiàn)頁(yè)面滾動(dòng)。昂勒。于是我又去萬(wàn)能的網(wǎng)絡(luò)中尋求答案蜀细。哈哈,一下子就找到了呢戈盈,嘻嘻奠衔。很簡(jiǎn)單的幾行代碼,如下:
#body{}
-webkit-scrollbar{
width:0px;
height:0px;
}
只要把這段代碼加到你的css樣式文件中塘娶,就可以讓滾動(dòng)條消失归斤,并且還能用滾輪控制頁(yè)面哦!刁岸!親測(cè)在IE脏里、FireFox、Chorm瀏覽器中都有效哦虹曙!
嘻嘻迫横,分享給需要的小伙伴們!也當(dāng)給自己做筆記啦酝碳!方便以后的前端開(kāi)發(fā)啦矾踱!