做app简单还是网站,反向代理wordpress 8080,最有性价比的网站建设,基于php旅游网站开发源代码显示滚动条 overflow#xff1a;auto
隐藏滚动条 overflow#xff1a;hidden
但是直接使用 overflow#xff1a;hidden 将导致元素内容不可滚动。时至今日#xff0c;还没有任何一条CSS规则可以使元素可以隐藏滚动条的同时依然可以滚动内容#xff0c;只能通过针对特定浏…显示滚动条 overflowauto
隐藏滚动条 overflowhidden
但是直接使用 overflowhidden 将导致元素内容不可滚动。时至今日还没有任何一条CSS规则可以使元素可以隐藏滚动条的同时依然可以滚动内容只能通过针对特定浏览器设置滚动条样式来实现。
Firefox浏览器
scrollbar-width: none; /* Firefox */IE浏览器
-ms-overflow-style: none; /* IE 10 */Chrome和Safari浏览器 .infiniteUl::-webkit-scrollbar {display: none; /* Chrome Safari */}并且要隐藏滚动条的时候要将overflow显示设置为auto或者scroll保证内容是可滚动的
demo .infiniteUl {width: 100%;height: calc(100vh - 120px);padding: 0;margin: 0;overflow: auto;scrollbar-width: none; /* Firefox */-ms-overflow-style: none; /* IE 10 */}.infiniteUl::-webkit-scrollbar {display: none; /* Chrome Safari */}
