scroll-view的滚动条在某些需求下需要隐藏掉。搜索微信小程序隐藏滚动条,大都显示的是下面这段代码:
/*隐藏滚动条*/
::-webkit-scrollbar {
width: 0;
height: 0;
color: transparent;
}我要说的是:这段代码在微信小程序开发工具上的模拟视窗可以隐藏掉,但是iphone真机测试的时候不生效,滚动条依生龙活虎,存在感十足,哇!好气!!!
经过调试可以这样完美实现,sroll-view标签设置css属性width:125%;overflow:hidden;同scroll-view标签内设置一个子标签,可以设置它的类名为wrap,设置它的width : 80%;然后原先写在scroll-view内的内容直接在wrap内正常书写即可。
scroll-view设置125%,使其超出视口宽度,滚动条就在视口外面了。但此时又出现了横向的滚动条,over-flow:hidden,就是为了解决这个问题。内部添加的wrap标签并设置width:80%,是为了让wrap与视口等宽。