溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天小編給大家分享的是css實現給div添加滾動并隱藏滾動條的具體代碼，很多人都不太了解，今天小編為了讓大家更加了解，所以給大家總結了以下內容，一起往下看吧。一定會有所收獲的哦。
css 給div添加滾動并隱藏滾動條 ，具體代碼如下所示:
在html中
<div class="box">
<div>下面內容會單獨滾動</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 // 必須設定滾動部分的高度
background-color: cadetblue;
color: antiquewhite;
overflow-x: hidden; /*x軸禁止滾動*/
overflow-y: scroll;/*y軸滾動*/
}
.content::-webkit-scrollbar {
display: none;/*隱藏滾動條*/
}
p{
margin-bottom: 30px;
font-size: 17px;
color: #333;
}
</style>以上就是css實現給div添加滾動并隱藏滾動條的具體代碼的簡略介紹，當然詳細使用上面的不同還得要大家自己使用過才領會。如果想了解更多，歡迎關注億速云行業資訊頻道哦！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
