Browse Source

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

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

47
app.wxss

@ -1,30 +1,43 @@
/**app.wxss**/
/* 隐藏全局滚动条 */
::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
color: transparent;
/* 隐藏全局滚动条 - 全面覆盖 */
::-webkit-scrollbar,
*::-webkit-scrollbar {
display: none !important;
width: 0 !important;
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;
overflow-scrolling: touch;
scrollbar-width: none !important;
-ms-overflow-style: none !important;
-webkit-scrollbar: none !important;
}
scroll-view::-webkit-scrollbar {
display: none;
}
/* 隐藏页面滚动条 */
/* 确保页面级滚动条隐藏 */
page {
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
overflow: auto !important;
scrollbar-width: none !important;
-ms-overflow-style: none !important;
}
page::-webkit-scrollbar {
display: none;
/* 针对iOS设备的特殊处理 */
@media screen and (max-width: 768px) {
::-webkit-scrollbar {
display: none !important;
}
}
.container {
display: flex;

Loading…
Cancel
Save