先放图
截屏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; 这个样式会导致滚动导航不生效
先放图 页面 向上滑动后 搜索框 实现吸顶效果，如下图： 然后今天改布局后，发现有些 vant-UI组件 效果不生...
一、Vant Weapp 组件 Vant组件介绍和使用具体参考Vant Weapp官网[https://youza...
vant-ui 组件内引用vant 按需引入
Vant组件库 Vant WeappUI库使用Vant Weapp地址：https://youzan.github...
vant 组件官网https://vant-contrib.gitee.io/vant/#/zh-CN/[http...
轻量可靠的小程序UI组件库，主流移动组件库 Vant 的微信小程序版本。 Vant Weapp 和 Vant 的区...
卸载vant 安装vant 安装指定版本 其他组件库也同理～
# 导入所需要的组件 import { Button } from 'vant' # 把Vant...
移动端常用UI组件库 1.vant[https://vant-ui.github.io/vant/#/zh-CN]...
Vant Weapp组件库：https://youzan.github.io/vant-weapp/#/intro...
本文标题：vant组件 van-sticky吸顶不生效
本文链接：https://www.haomeiwen.com/subject/yzssfrtx.html
网友评论