uniapp scroll-view 隐藏滚动条的问题
程序员文章站
2022-03-10 23:02:27
我用scroll-view的时候:用手机模拟器和小程序查看的时候并没有出现滚动条,真机运行的时候出现滚动条,用h5直接看的时候出现滚动条,我发现的解决办法有两种:1.在app.vue的style里面外部链接base.css 这种办法比较适配,控制所有滚动条在base.css中::-webkit-scrollbar{ display: none;}2.直接在app.vue里面...
我用scroll-view的时候:用手机模拟器和小程序查看的时候并没有出现滚动条,真机运行的时候出现滚动条,用h5直接看的时候出现滚动条,我发现的解决办法有两种:
1.在app.vue的style里面外部链接base.css 这种办法比较适配,控制所有滚动条
<style>
@import url("./base.css");
</style>
在base.css中
::-webkit-scrollbar{
display: none;
}
2.直接在app.vue里面用条件编译,可以根据不同平台控制不同标签的属性
<style>
@import url("./base.css");
/* 解决小程序和app滚动条的问题 */
/* #ifdef MP-WEIXIN || APP-PLUS */
::-webkit-scrollbar{
display: none;
}
/* #endif */
/* 解决H5 的问题 */
/* #ifdef H5 */
uni-scroll-view .uni-scroll-view::-webkit-scrollbar {
/* 隐藏滚动条,但依旧具备可以滚动的功能 */
display: none
}
/* #endif */
</style>
本文地址:https://blog.csdn.net/miga1/article/details/107202779
上一篇: Flutter环境搭建踩坑过程
推荐阅读
-
CSS中隐藏滚动条的简单实现方法_html/css_WEB-ITnose
-
问一个简单的css滚动条宽度兼容IE7和IE6的问题._html/css_WEB-ITnose
-
html关于强制显示 隐藏浏览器的滚动条_html/css_WEB-ITnose
-
layui table表格 表头与内容列错位问题(只有纵向滚动条的情况)
-
php 部分字符隐藏变* 的字符串替换有关问题
-
火狐浏览器滚动条的问题_html/css_WEB-ITnose
-
JavaScript开发toggle()隐藏问题的解决方法
-
不知大家遇到过这种问题么,一个层宽度设为100%,并设置背景图片,在浏览器中浏览,缩小窗口到滚动条出现,然后拖动滚动条到右侧,右侧的区域变成空白,怎么解决?_html/css_WEB-ITnose
-
关于MySQL中隐藏空间的问题_MySQL
-
关于MySQL中隐藏空间的问题_MySQL