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动画都不会停呢，微信就呵呵了（对了天猫链接微信打不开的）。
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
用js监听滚动距离
首先我看他的导航条好像从一开始就是fixed的的啊。
另外如果你想要滚动出视区时自动吸顶的效果的话，iOS 6+是支持
position: sticky特性的。ios8的safari已经改好这个了吧，滑动的时候css3动画都不会停呢，微信就呵呵了（对了天猫链接微信打不开的）。