uni-app的H5隐藏横向竖向滚动条代码

南国老符 南国老符 最后更新于:2020-04-25 浏览:3599

在App.vue里通过CSS可以隐藏横向滚动条,代码如下:

/* H5的时候,隐藏滚动条 */
	/* #ifdef H5 */
		::-webkit-scrollbar {
		    display: none;  
		    width: 0 !important;  
		    height: 0 !important;  
		    -webkit-appearance: none;  
		    background: transparent;  
		}
	/* #endif */

在page.json里通过app-plus的属性去掉竖向滚动条,代码如下:

"path": "pages/index/index",
		"style": {
			"app-plus": {
				// 手机端隐藏滚动条,保留滚动效果
				"scrollIndicator":"none"
			}
		}



点赞 (0)

收藏 (0)
转载请务必注明: 来源:《建站管家》https://www.df81.com/news/60.html

本站部分信息来源网络,如有侵权,请联系QQ:1062129401删除。

上一篇: uni-app零基础学习笔记(一)

下一篇: vue中v-for循环的使用方法

请先登录后,再发表评论 ~ ~
发表评论
评论 (0)

发表帖子
广告位招租( ¥5 / 天 )
点击咨询
最新帖子

南国老符
2025-05-26 16:54
南国老符
2024-09-29 10:29
南国老符
2023-12-15 21:41
广告位招租( ¥5 / 天 )
点击咨询
最近评论

U
user1379
回复:版本号多少?
U
user1379
回复:新版本修复了,下载新版本即可
U
user1379
U
user1304
回复:默认没有这个功能,你可以自行二次开发后期可能会考虑在站群版本上加入此功能及商城功能
Y
yuanis90
回复:后台->语言->全局管理->模型管理->编辑->启用关键词内链即可
Y
yuanis90
回复:后台已经启用了,但是前台产品说明的关分键词还是没有自动链接到,
购买VIP
购买授权
余额充值
发表帖子
客服微信