84669 personnes étudient
152542 personnes étudient
20005 personnes étudient
5487 personnes étudient
7821 personnes étudient
359900 personnes étudient
3350 personnes étudient
180660 personnes étudient
48569 personnes étudient
18603 personnes étudient
40936 personnes étudient
1549 personnes étudient
1183 personnes étudient
32909 personnes étudient
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动画都不会停呢,微信就呵呵了(对了天猫链接微信打不开的)。