vant组件 van-sticky吸顶不生效

先放图


截屏2021-12-13 下午9.05.03.png

页面 向上滑动后 搜索框 实现吸顶效果,如下图:


截屏2021-12-13 下午9.03.24.png

然后今天改布局后,发现有些 vant-UI组件 效果不生效,就比如这个吸顶效果,可以看到吸顶效果没有生效


截屏2021-12-13 下午9.04.06.png

这是因为有些地方使用了 ''滚动'' 样式,最后在 App.vue 中发现问题,注释掉光标所在的位置就行


截屏2021-12-13 下午9.03.48.png

总结一下:
vant-UI组件 滚动导航的父盒子样式不能有 ''滚动'' 样式,比如 overflow-y: auto;或者overflow: scroll; 这个样式会导致滚动导航不生效

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容