【资料图】

由于项目需要一个功能，顶部距离小于50rpx时，导航栏透明显示；当滚动页面时，导航栏不再透明显示。

实现思路：

如果滑动位置距离顶部<=50的话，隐藏导航栏；50 < 距离顶部距离 <= 200, 透明度依次增加，直到opacity = 1大于200的话，直接设置透明度opacity = 1

具体代码 案例中用到了uview这个ui框架的u-navbar组件，具体可去官网查看这个组件的可配置API

另外这里用到了onPageScroll监听页面滚动的距离，他接收一个参数对象，我们才可以通过他获取页面距离做一些操作。