當前位置：
首頁 >
div超出部分滚动并且隐藏滚动条
發布時間：2024/4/14
27
豆豆
生活随笔
收集整理的這篇文章主要介紹了
div超出部分滚动并且隐藏滚动条
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
想要實現的效果是：div具備滾動效果，但是外面看不到滾動條。
需求：博客系統，由于發博客的人數較多，不能全部顯示在頁面上，所以需要滾動效果，但是界面上一般會安排一個div專門放置從數據庫讀取出來的博客數據，有滾動條看起來覺得比較丑，于是有了這種需求。
代碼：
<!DOCTYPE html> <html><head><meta charset="utf-8" /><title>測試界面</title><style type="text/css">#div{width: 800px;height: 250px;overflow-x: hidden;overflow-y: scroll; background: pink;text-align: left;}#div::-webkit-scrollbar{display: none;}</style></head><body><div id="div"><p>淳延心得：一個活潑的人對你沒有任何語言的時候，此時，應該好好反思了。</p><p>淳延心得：不怕敵人多殘忍，就怕自己不敢拼命。</p><p>淳延心得：我之所以不快樂，不是因為錢，而是我還不夠自私。</p><p>淳延心得：一個第一次剪頭發會哭的人，后來習慣把頭發剪了，甚至想要剃頭，鬼知道經理了什么</p><p>淳延心得：你所看到別人的幸運，是別人努力了好久好久才發出來的光</p><p>淳延心得：后來，才發現，其實，只有你看重一些無價的東西，別人都是在一點點的浪費掉</p><p>淳延心得：后來，才發現，其實，只有你看重一些無價的東西，別人都是在一點點的浪費掉</p><p>淳延心得：后來，才發現，其實，只有你看重一些無價的東西，別人都是在一點點的浪費掉</p><p>淳延心得：后來，才發現，其實，只有你看重一些無價的東西，別人都是在一點點的浪費掉</p><p>淳延心得：后來，才發現，其實，只有你看重一些無價的東西，別人都是在一點點的浪費掉</p><p>淳延心得：后來，才發現，其實，只有你看重一些無價的東西，別人都是在一點點的浪費掉</p></div></body> </html>效果：
往下滾動：
總結
以上是生活随笔為你收集整理的div超出部分滚动并且隐藏滚动条的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： windows服务器部署jar包
- 下一篇： 通俗易懂之词袋模型