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

作者:南国老符 日期:2020-04-25 分类:知识技术 浏览:401 来源:建站管家


在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"
			}
		}



期待您打赏鼓励
支付宝打赏二维码
支付宝扫码
微信打赏二维码
微信扫码

上一篇:《建站管家》二次开发文档

下一篇:如何修复阿里云Linux软件漏洞?

发表评论
您需要登录后才可以评论 登 录 | 注册
评论 (0)
QQ客服
客服微信
加QQ群