uniapp+uView1.0做H5应用的时候,ios系统右侧会显示滚动条,如何隐藏ios下的滚动条

uniapp+uView1.0做H5应用的时候,ios系统右侧会显示滚动条,如何隐藏ios下的滚动条,第1张

跟目录下的App.vue文件,不能全局写css样式,因为,安卓下会有问题,所以用js动态加载css代码片段的方式
直接上代码

	let platform=uni.getSystemInfoSync().platform
	//判断系统 解决ios系统右侧会出现显示滚动条 start
	if(platform =='ios'){	
		loadCssCode('body,html{overflow-x: hidden;}');
	}
	//动态加载css代码片段
	function loadCssCode(code){
	    var style = document.createElement('style');
	    style.type = 'text/css';
	    style.rel = 'stylesheet';
	    //for Chrome Firefox Opera Safari
	    style.appendChild(document.createTextNode(code));
	    //for IE
	    //style.styleSheet.cssText = code;
	    var head = document.getElementsByTagName('head')[0];
	    head.appendChild(style);
	}

这样ios系统下就不会出现滚动条了

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/993504.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-21
下一篇 2022-05-21

发表评论

登录后才能评论

评论列表(0条)

保存