开发环境：
vue+vant
遇到问题：
使用了vant的Sticky 粘性布局，首页顶部header，在Android中可以实现顶部吸附。但是ios却不行了，会延迟，只有在滚动停止时才吸附。
可能原因：
ios无法实时监听onscroll事件 ，ios节流了
解决办法：
开始对van-sticky设置样式：position: fixed，得以解决，自试可行！
/deep/.van-sticky{position: fixed;top: 0;right: 0; left: 0;z-index: 9999;}
作者：京淘助手
链接：https://www.jianshu.com/p/3e6777ce2c0e
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
页面用了有赞的粘性布局 vant-sticky 发现在当前页面是好使的，但是跳转其他页面再返回的时候，vant-s...
场景：在小程序中如果用的是Component，用vant的粘性布局，sticky属性都无法实现吸顶的效果方法：1....
sticky是什么 sticky是粘性布局，他是结合positiong:relative和potion:fixed...
相对它的最近滚动祖先和最近块级祖先基于top, right, bottom, 和 left的值进行偏移
上一篇有讲到采取 position:sticky 的布局方案，使得在iOS环境下顶部标题可以达到一种粘性的效果：...
网站顶部的导航栏固定与否，显示隐藏与否的问题？如果不固定（position: relative），那么滚屏时，导航...
position：sticky粘性布局 作用 它是相对定位position:relative和固定定位positi...
粘性布局: 结合了 position:relative 和 position:fixed 两种定位于一体的特殊定...
Sticky布局:所谓Sticky即css实现粘性布局，效果是一个页面上下两部分，当上半部分高度小的时候，下半部分...
css粘性定位position：sticky问题采坑position: sticky 详解（防坑指南）CSS中po...
本文标题：ios vant Sticky 粘性布局 吸附延迟的问题
本文链接：https://www.haomeiwen.com/subject/gxgxsdtx.html
网友评论