Browse Source

更新全局滚动条隐藏样式,确保所有滚动条不可见

pull/1/head
徐飞洋 3 months ago
parent
commit
5cc9cc2069
  1. 47
      app.wxss

47
app.wxss

@ -1,30 +1,43 @@
/**app.wxss**/ /**app.wxss**/
/* 隐藏全局滚动条 */ /* 隐藏全局滚动条 - 全面覆盖 */
::-webkit-scrollbar { ::-webkit-scrollbar,
display: none; *::-webkit-scrollbar {
width: 0; display: none !important;
height: 0; width: 0 !important;
color: transparent; height: 0 !important;
color: transparent !important;
background: transparent !important;
} }
/* 隐藏scroll-view组件的滚动条 */ /* 隐藏所有可滚动元素的滚动条 */
scroll-view { page,
view,
scroll-view,
textarea,
picker-view,
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-button,
::-webkit-scrollbar-corner {
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
overflow-scrolling: touch; overflow-scrolling: touch;
scrollbar-width: none !important;
-ms-overflow-style: none !important;
-webkit-scrollbar: none !important;
} }
scroll-view::-webkit-scrollbar { /* 确保页面级滚动条隐藏 */
display: none;
}
/* 隐藏页面滚动条 */
page { page {
-webkit-overflow-scrolling: touch; overflow: auto !important;
overflow-scrolling: touch; scrollbar-width: none !important;
-ms-overflow-style: none !important;
} }
page::-webkit-scrollbar { /* 针对iOS设备的特殊处理 */
display: none; @media screen and (max-width: 768px) {
::-webkit-scrollbar {
display: none !important;
}
} }
.container { .container {
display: flex; display: flex;

Loading…
Cancel
Save