微信小程序,不要显示 scroll-view 里面的滚动条

今天用小程序实现一个树型,使用了微信自带的滚动区域 scroll-view ,页面实现了,但是先,下拉动态加载内容的时候,那个滚动条总是在缩短,而且还很明显。一闪一闪的,看着很不舒服,就想去掉,在微信的文档里面找了很多,没有找到,感觉开没有希望的时候,想想用浏览器的方式来解决,也许可以,试了很多浏览器隐藏滚动条的方式,都不可以,百度了下,原来是要加-webkit前缀

下面是代码,放在需要隐藏的页面的wxss里面就可以了

::-webkit-scrollbar {
    width: 0;
    height: 0;
    color: transparent;
}

微信小程序 之 tabBar 和 navigator 一起使用 的问题

今天发现微信小程序的一个问题

问题主要是这样的,在开始开发之前 ,没有使用tabBar 所以使用 navigator 的时候,没有发现什么别的问题之后,以为开发尾期,要进行全面测试的时候,加入了tabBar,出现了原先使用 navigator 的地方,无法导航到 tabBar页面,开始很郁闷,找不到解决方法,百度也百度不出来。

看了下手册,发现小程序的手册上有这样的一段描叙

navigator

页面链接。

属性名 类型 默认值 说明
url String   应用内的跳转链接
redirect Boolean false wx.redirectTo(将被废弃,推荐使用 open-type)
open-type String navigate wx.switchTab的功能
hover-class String navigator-hover 时,没有点击态效果
hover-start-time Number 50 按住后多久出现点击态,单位毫秒
hover-stay-time Number 600 手指松开后点击态保留时间,单位毫秒

注:navigator-hover 默认为 {background-color: rgba(0, 0, 0, 0.1); opacity: 0.7;}, <navigator/> 的子节点背景色应为透明色

感觉是open-type的问题,修改了下 open-type=’switchTab’ 发现可以正常打开 tabBar上面的页面,为测试是否正确,把页面从 tabBar删除后,在点击,又进不去了,把 navigator 上面的页面 open-type=’switchTab’ 去掉,可以正常访问、所以确定是这个问题。

结论:

放在tabBar上的页面,页面上使用 navigator 打开需要需要把 navigator 的 open-type 设置为 switchTab 如果不是在tabBar上的,默认就可以了!