前两天老板说新增一个效果
实现效果图,隐藏了,效果是动态的下滑,没弄gif哈(有空再整)
在滑动的时候让底部导航slidedown(下滑隐藏)、滑动停止的时候slidup(上移显示);
基于原项目使用的better-scroll实现。
动画效果是使用animate库 + vue实现的,这个跟坑没关系,代码就不贴了(需要就发)。
一开始实现思路是这样的:
在滑动的时候我就让他下滑隐藏,滑动停止的时候就上移显示,em,正常来说是这样的
/*初始化
import Scroller from 'better-scroll';
this.scroller = new Scroller(element);
*/
this.scroller.on('scroll', () => {
//实现下滑隐藏
})
this.scroller.on('scrollEnd', () => {
//实现上移显示
})
当你滑动时确实是隐藏了,等他自动停止时确实也显示了。
好,然后问题来了
当你触摸离开屏幕时,它还会滑动一段距离对吧,当它还没有停止滑动的时候,你再次触摸滑动,它会触发scr