300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 解决H5在移动端overflow:scroll滚动条默认不显示和滚动后消失的问题

解决H5在移动端overflow:scroll滚动条默认不显示和滚动后消失的问题

时间:2021-04-13 23:20:00

相关推荐

解决H5在移动端overflow:scroll滚动条默认不显示和滚动后消失的问题

今天在工作中,遇到一个关于overflow在移动端视图调试滚动的问题,我在使用了overflow:scroll进行滚动时,滚动后滚动条自动消失了,需求是需要保留让它一直都在,下面的代码意思是重新设置滚动条的样式

.wf-detailScroll{overflow-x: scroll;-webkit-overflow-scrolling: touch;}.wf-detailScroll::-webkit-scrollbar-track-piece {background-color: rgba(0, 0, 0, 0);border-left: 1px solid rgba(0, 0, 0, 0);}.wf-detailScroll::-webkit-scrollbar {width: 5px;height: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}.wf-detailScroll::-webkit-scrollbar-thumb {background-color: rgba(191, 191, 191, 191);background-clip: padding-box;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;min-height: 28px;}.wf-detailScroll::-webkit-scrollbar-thumb:hover {background-color: rgba(0, 0, 0, 0.5);-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。