CSS 实现隐藏滚动条同时又可以滚动
原始功能:
?
?
添加偽類之后的功能:
?
完整demo如下:
<!DOCTYPE html>
<html>
?? ?<head>
?? ??? ?<meta charset="UTF-8">
?? ??? ?<title></title>
?? ??? ?<style>
?? ??? ??? ?::-webkit-scrollbar {display:none}
?? ??? ?</style>
?? ?</head>
?? ?<body>
?? ??? ?<div style=" width:200px;?? height: 200px;? overflow-y: scroll;">
?? ??? ??? ?11111</br>
?? ??? ??? ?11111</br>
?? ??? ??? ?11111</br>
?? ??? ??? ?11111</br>
?? ??? ??? ?11111</br>
?? ??? ??? ?11111</br>
?? ??? ??? ?11111</br>
?? ??? ??? ?11111</br>
?? ??? ??? ?11111</br>
?? ??? ??? ?11111</br>
?? ??? ??? ?11111</br>
?? ??? ?</div>
?? ?</body>
</html>
===========================================================
注:以上文章出自一位前端妹子,若有不足,歡迎指教,原文鏈接:前端技術(shù)交流平臺(tái)
若需要轉(zhuǎn)載,聯(lián)系原文作者 或者聯(lián)系我的微信,姑娘家家創(chuàng)作不易,走過(guò)路過(guò)點(diǎn)個(gè)贊唄轉(zhuǎn)載于:https://www.cnblogs.com/wangting888/p/7905422.html
總結(jié)
以上是生活随笔為你收集整理的CSS 实现隐藏滚动条同时又可以滚动的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: C++相关:动态内存和智能指针
- 下一篇: 各大网站CSS代码初始化集合