注册登录

我爱吃飞鱼

我爱吃飞鱼

发布：2022-10-09 16:56
更新：2022-10-09 17:53
阅读：230

实现导航默认透明往下滑动出现有背景的导航同时下面出现搜索导航

分类：uni-app

实现导航默认透明往下滑动出现有背景的导航同时下面出现搜索导航

<nv ref="nv" :config="nvConfig2" @nvBtnTap="nvBtnTap"></nv>
<nv ref="nv" :config="nvConfig" @nvBtnTap="nvBtnTap"></nv>
<nv ref="nv" :config="nvConfig3" @nvInput="nvInput" @nvFormSubmit="nvFormSubmit" @nvAddressTap="nvAddressTap"></nv>

当第三个加上ref="nv" 时以上两个导航的不会隐藏，请问要怎么修改才可以下实现默认第一个导航背景透明，第二、三个导航隐藏，往下滑动的时候第一个导航隐藏，第二三个显示。

2022-10-09 16:56 负责人:无分享

1 个回复

按照以下代码就能实现了（已在示例项目内实现），你也可以复制到示例项目内试试

<nv ref="nv" :config="{title:'pyh-nv 渐变导航栏',fixedAssist:{hide:true},transparent:{}}"></nv>  
<nv ref="nv2" :config="{model:true,type:'search',fixedAssist:{hide:true},search:{},transparent:{type:'content'}}"></nv>  

onPageScroll(e) {  
    this.$refs.nv.pageScroll(e)  
    this.$refs.nv2.pageScroll(e)  
}

我爱吃飞鱼 (作者)

谢谢已经解决了

2022-10-09 18:02

该问题目前已经被锁定, 无法添加新回复