不管是移动还是小程序我们在开发的时候总会遇到滚动条的问题,今天我也遇到了,加入以下代码即可解决。 在你当前文件的在wxss里加入以下代码: ::-webkit-scrollbar{ width: 0; height: 0; color: transparent; } ...
在wxss文件上加上 :: webkit scrollbar width: height: color: transparent ...
2020-04-29 08:49 0 2205 推荐指数:
不管是移动还是小程序我们在开发的时候总会遇到滚动条的问题,今天我也遇到了,加入以下代码即可解决。 在你当前文件的在wxss里加入以下代码: ::-webkit-scrollbar{ width: 0; height: 0; color: transparent; } ...
/deep/.uni-scroll-view::-webkit-scrollbar { /* 隐藏滚动条,但依旧具备可以滚动的功能 */ display: none } ...
css 隐藏滚动条 自定义滚动条样式 参考原文:https://blog.csdn.net/qq_32067045/article/details/79958540 ...
以下两种方法都可以 如果不行,还有以下方法: 传送门 实现思路就是,在scroll-view外边再包一个容器,它的高度小于scroll-view的高度,这样就会截掉滚动条,达到隐藏了滚动条的效果。 ...
在书写网页的时候,往往会为了页面的美观,而选择去掉滚动区域默认的滚动条,而在这里,就是为小程序去掉滚动条的其中的一种方法: scroll-view.wxml: scroll-view.wxss scroll-view.js 最终显示效果如下; 注意 ...
小程序scroll-view滚动条很丑,想隐藏? 在有scroll-view滚动条页面的wxss里添加: 不用选择器,以及不要在app.wxss直接添加。 ...
隐藏滚动条 1、全局隐藏滚动条,在app.vue中 2、局部隐藏藏滚动条 样式没有使用scoped属性时, 否则无效。 .uni-scroll-view::-webkit-scrollbar { display: none } 使用scoped属性时 ...