大概是这样一个页面,在滑动的时候底部的提示框淡出。
我自己实现了一下,但是发现移动端在滚动的时候整个js线程是停止了的,导致动画也卡在一半了。
各位大大有遇到过这种需求吗?是怎么处理的?
在stackoverflow找到了一张图解释这个事件【我已经打算把这个需求拒绝掉了QAQ】
链接【http://stackoverflow.com/questions/2863547/javascript-scroll-event-for-iphone-ipad】
楼上正解
写一个CSS class,利用CSS3动画实现淡出。
监听到滚动时,js为元素加上这个class即可。