css 給div添加滾動(dòng)并隱藏滾動(dòng)條
發(fā)布時(shí)間：2019-07-09 11:51:04 作者：佚名 
我要評(píng)論
我要評(píng)論這篇文章主要介紹了css 給div添加滾動(dòng)并隱藏滾動(dòng)條的實(shí)例代碼，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下
css 給div添加滾動(dòng)并隱藏滾動(dòng)條 ，具體代碼如下所示:
在html中
<div class="box">
<div>下面內(nèi)容會(huì)單獨(dú)滾動(dòng)</div>
<div class="scroll">
<div class="content">
<p>1111111111111111</p>
<p>222222222222222</p>
<p>333333333333333</p>
<p>4444444444444444</p>
<p>1111111111111111</p>
<p>222222222222222</p>
<p>333333333333333</p>
<p>4444444444444444</p>
</div>
</div>
</div>
css部分
<style>
div{
font-size: 15px;
margin-bottom: 20px;
}
.content{
height: 300px;v // 必須設(shè)定滾動(dòng)部分的高度
background-color: cadetblue;
color: antiquewhite;
overflow-x: hidden; /*x軸禁止?jié)L動(dòng)*/
overflow-y: scroll;/*y軸滾動(dòng)*/
}
.content::-webkit-scrollbar {
display: none;/*隱藏滾動(dòng)條*/
}
p{
margin-bottom: 30px;
font-size: 17px;
color: #333;
}
</style>
總結(jié)
以上所述是小編給大家介紹的css 給div添加滾動(dòng)并隱藏滾動(dòng)條 ,希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
如果你覺(jué)得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！
相關(guān)文章
CSS實(shí)現(xiàn)隱藏滾動(dòng)條并可以滾動(dòng)內(nèi)容效果(三種方式)
今天小編給大家分享3種方法實(shí)現(xiàn)CSS隱藏滾動(dòng)條并可以滾動(dòng)內(nèi)容，我已經(jīng)在很多地方使用了非常不錯(cuò)，需要的朋友參考下吧2020-03-25css設(shè)置Overflow實(shí)現(xiàn)隱藏滾動(dòng)條的同時(shí)又可以滾動(dòng)
這篇文章主要介紹了css設(shè)置Overflow實(shí)現(xiàn)隱藏滾動(dòng)條的同時(shí)又可以滾動(dòng)的實(shí)現(xiàn)代碼，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2019-08-27css隱藏移動(dòng)端滾動(dòng)條并且ios上平滑滾動(dòng)的方法
這篇文章主要介紹了css隱藏移動(dòng)端滾動(dòng)條并且ios上平滑滾動(dòng)的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-01-23- 這篇文章主要通過(guò)三種方法給大家分享css隱藏滾動(dòng)條的方法，在此我比較推薦第二種方法，當(dāng)然也根據(jù)實(shí)際情況。對(duì)本文感興趣的朋友一起學(xué)習(xí)吧2015-11-18
css設(shè)置滾動(dòng)條顏色與樣式以及如何去掉與隱藏滾動(dòng)條
我們大家在瀏覽網(wǎng)頁(yè)的時(shí)偶爾會(huì)看到很漂亮的各種顏色樣式的滾動(dòng)條，這就是通過(guò)css代碼控制來(lái)實(shí)現(xiàn)的，于是本人搜集整理一番，這里和大家分享一下使用CSS設(shè)置滾動(dòng)條顏色以及如2012-12-16
css實(shí)現(xiàn)隱藏滾動(dòng)條并可以滾動(dòng)內(nèi)容的實(shí)例代碼
這篇文章主要介紹了css實(shí)現(xiàn)隱藏滾動(dòng)條并可以滾動(dòng)內(nèi)容的實(shí)例代碼,代碼簡(jiǎn)單易懂，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-11-03
