小編給大家分享一下css body實(shí)現(xiàn)不出現(xiàn)滾動(dòng)條的方法,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
創(chuàng)新互聯(lián)公司是一家專注網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷策劃、微信小程序開(kāi)發(fā)、電子商務(wù)建設(shè)、網(wǎng)絡(luò)推廣、移動(dòng)互聯(lián)開(kāi)發(fā)、研究、服務(wù)為一體的技術(shù)型公司。公司成立10年以來(lái),已經(jīng)為上千余家鑿毛機(jī)各業(yè)的企業(yè)公司提供互聯(lián)網(wǎng)服務(wù)?,F(xiàn)在,服務(wù)的上千余家客戶與我們一路同行,見(jiàn)證我們的成長(zhǎng);未來(lái),我們一起分享成功的喜悅。
css body不出現(xiàn)滾動(dòng)條的實(shí)現(xiàn)方法:首先打開(kāi)相應(yīng)的HTML頁(yè)面;然后在chrome瀏覽器下設(shè)置樣式為“body::-webkit-scrollbar{display: none;}”即可。
css讓body不出現(xiàn)滾動(dòng)條
提到隱藏滾動(dòng)條,我們首先想到的是overflow: hidden,但這么設(shè)置后,頁(yè)面就無(wú)法滾動(dòng)了,讓body隱藏滾動(dòng)條又可以滾動(dòng),我們可以使用偽元素::scrollbar,在chrome瀏覽器下,可以這么設(shè)置:
body::-webkit-scrollbar{ display: none; }
效果如下,滾動(dòng)條隱藏了,而且頁(yè)面也能繼續(xù)滾動(dòng)。
以上是“css body實(shí)現(xiàn)不出現(xiàn)滾動(dòng)條的方法”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!