84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
iOS 在页面滚动的时候是会停止 js 的运行,但是天猫这个页面 618粉丝狂欢节(在移动端打开) 中的导航栏是怎么做到滚动时添加 fixed 属性的呢????他的滚动不像是用 CSS3 实现的
小伙看你根骨奇佳,潜力无限,来学PHP伐。
用js监听滚动距离
首先我看他的导航条好像从一开始就是fixed的的啊。
另外如果你想要滚动出视区时自动吸顶的效果的话,iOS 6+是支持position: sticky特性的。
position: sticky
ios8的safari已经改好这个了吧,滑动的时候css3动画都不会停呢,微信就呵呵了(对了天猫链接微信打不开的)。
用js监听滚动距离
首先我看他的导航条好像从一开始就是fixed的的啊。
另外如果你想要滚动出视区时自动吸顶的效果的话,iOS 6+是支持
position: sticky
特性的。ios8的safari已经改好这个了吧,滑动的时候css3动画都不会停呢,微信就呵呵了(对了天猫链接微信打不开的)。