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>
===========================================================
注:以上文章出自一位前端妹子,若有不足,歡迎指教,原文鏈接:前端技術交流平臺
若需要轉載,聯系原文作者 或者聯系我的微信,姑娘家家創作不易,走過路過點個贊唄轉載于:https://www.cnblogs.com/wangting888/p/7905422.html
總結
以上是生活随笔為你收集整理的CSS 实现隐藏滚动条同时又可以滚动的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: C++相关:动态内存和智能指针
- 下一篇: requestURI的组成部分