美文网首页前端零碎
微信导航栏设置透明、固定页面、上拉触底事件、记录页面滑动距离

微信导航栏设置透明、固定页面、上拉触底事件、记录页面滑动距离

作者: 鸡毛菜菜子 | 来源:发表于2019-07-08 10:37 被阅读8次

导航栏设置成透明的,首先看看官方文档提供的相关页面配置信息,链接如下https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/page.html#%E9%85%8D%E7%BD%AE%E9%A1%B9

在json文件部分加上"navigationStyle"="custom"即可实现

在设置成功之后我想起了微信朋友圈个人设置的朋友圈背景上滑消失之后,导航栏会有一个透明度增加的效果。或者直接改变透明状态的,然后失败了,如果有朋友会的话,麻烦告诉我一下下。但是找到了导航栏和底部tab bar动态改变的方法,主要是为了更话主题皮肤时能够刷新。

查看路径:微信公众平台----API----界面----导航栏/tab Bar

wx.setNavigationBarTitle({title:'当前页面'})//动态设置当前标题

wx.setNavigationBarColor(Object object)//设置页面导航条颜色

wx.showNavigationBarLoading(Object object)//在当前页面显示导航条加载动画

wx.hideNavigationBarLoading(Object object)//在当前页面隐藏导航条加载动画

设置图片为背景

这个时候图片除非长度很小,否则就会出现图片可以滑动而且会有滑动条出现只要在json里设置"disableScroll": true即可实现页面的固定

上拉触底事件参考页面配置信息,在json文件里添

"enablePullDownRefresh": true,

 "onReachBottomDistance": 50//当页面距离触底还有50px时触发

被触发的函数

记录页面滑动距离

相关文章

网友评论

    本文标题:微信导航栏设置透明、固定页面、上拉触底事件、记录页面滑动距离

    本文链接:https://www.haomeiwen.com/subject/xsunhctx.html