div超出部分滚动并且隐藏滚动条
生活随笔
收集整理的這篇文章主要介紹了
div超出部分滚动并且隐藏滚动条
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
想要實現(xiàn)的效果是：div具備滾動效果，但是外面看不到滾動條。
需求：博客系統(tǒng)，由于發(fā)博客的人數(shù)較多，不能全部顯示在頁面上，所以需要滾動效果，但是界面上一般會安排一個div專門放置從數(shù)據(jù)庫讀取出來的博客數(shù)據(jù)，有滾動條看起來覺得比較丑，于是有了這種需求。
代碼：
<!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>淳延心得：一個第一次剪頭發(fā)會哭的人，后來習慣把頭發(fā)剪了，甚至想要剃頭，鬼知道經(jīng)理了什么</p><p>淳延心得：你所看到別人的幸運，是別人努力了好久好久才發(fā)出來的光</p><p>淳延心得：后來，才發(fā)現(xiàn)，其實，只有你看重一些無價的東西，別人都是在一點點的浪費掉</p><p>淳延心得：后來，才發(fā)現(xiàn)，其實，只有你看重一些無價的東西，別人都是在一點點的浪費掉</p><p>淳延心得：后來，才發(fā)現(xiàn)，其實，只有你看重一些無價的東西，別人都是在一點點的浪費掉</p><p>淳延心得：后來，才發(fā)現(xiàn)，其實，只有你看重一些無價的東西，別人都是在一點點的浪費掉</p><p>淳延心得：后來，才發(fā)現(xiàn)，其實，只有你看重一些無價的東西，別人都是在一點點的浪費掉</p><p>淳延心得：后來，才發(fā)現(xiàn)，其實，只有你看重一些無價的東西，別人都是在一點點的浪費掉</p></div></body> </html>效果：
往下滾動：
總結
以上是生活随笔為你收集整理的div超出部分滚动并且隐藏滚动条的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： windows服务器部署jar包
- 下一篇： 通俗易懂之词袋模型