微信小程序scroll-view去掉滚动条

微信小程序scroll-view去掉滚动条

解决方案一:

微信官方文档上面给出了显示和隐藏滚动条的属性 show-scrollbar ,把该属性设置为false,文档要求使用该属性要开启 enhanced 属性,把这个属性设置为true即可;
微信小程序scroll-view去掉滚动条_第1张图片



解决方案二:

通过CSS设置滚动条隐藏:

微信小程序scroll-view去掉滚动条_第2张图片

值得注意的是: ::-webkit-scrollbar前要有 scroll-view 的标签名 或者 类名;

scroll-view ::-webkit-scrollbar {
	  display:none;
	  width:0;
	  height:0;
	  color:transparent;
	}

你可能感兴趣的:(前端,经验,微信小程序,小程序)