扫码关注官方订阅号
iOS 在页面滚动的时候是会停止 js 的运行,但是天猫这个页面 618粉丝狂欢节(在移动端打开) 中的导航栏是怎么做到滚动时添加 fixed 属性的呢????他的滚动不像是用 CSS3 实现的
小伙看你根骨奇佳,潜力无限,来学PHP伐。
用js监听滚动距离
首先我看他的导航条好像从一开始就是fixed的的啊。
另外如果你想要滚动出视区时自动吸顶的效果的话,iOS 6+是支持position: sticky特性的。
position: sticky
ios8的safari已经改好这个了吧,滑动的时候css3动画都不会停呢,微信就呵呵了(对了天猫链接微信打不开的)。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
用js监听滚动距离
首先我看他的导航条好像从一开始就是fixed的的啊。
另外如果你想要滚动出视区时自动吸顶的效果的话,iOS 6+是支持
position: sticky特性的。ios8的safari已经改好这个了吧,滑动的时候css3动画都不会停呢,微信就呵呵了(对了天猫链接微信打不开的)。