小程序去除滚动条

作者: 一枚小菜 | 来源:发表于2022-05-08 09:46 被阅读0次

全局app.wxss中设置样式

::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
  display: none;
}

页面wxml设置标签，height不能设置100%，如无效减少height的值

<scroll-view scroll-y style="width: 100%;height: 100vh;" >
</scroll-view>

页面父标签（如page）设置样式

page {
  overflow: hidden;
}

小程序去除scroll-view滚动条
小程序 scroll-view 去除滚动条 :
隐藏小程序scroll-view组件的滚动条
使用如下样式可以去除小程序scroll-view组件的滚动条
微信小程序去除scroll-view组件右边滑动条样式，
微信小程序去除scroll-view组件右边滑动条样式，但不会影响滑动效果/* 隐藏滚动条 */::-webkit...
小程序去除scroll-view滚动条
在样式中加入
小程序scroll-view滚动条去除
scroll-view滚动条去除最近有个需求是需要去除scroll-view的横向滚动条，网上搜出来的千变一律的...
去除滚动条
去除滚动条（对火狐只能用js了==）
26滚动
1. 滚动条所在位置 overflow: scroll元素上::webkit-scrollbar 去除滚动条 di...
前端知识点小记
1.去除 webkit的滚动条element::-webkit-scrollbar{display: none;}...
Android GridView 隐藏点击、长按背景
去除滚动条 android:scrollbars="none" 隐藏点击、长按背景 gridview.setSel...
微信小程序基础笔记
1.微信小程序完全去除button默认样式