您的当前位置：首页>关注 > 正文

顶部距离小于50rpx时 导航栏不再透明显示_当前动态

来源：CSDN 时间：2023-02-01 13:54:36


(资料图片)

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

实现思路：

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

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

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

标签：

上一篇：当前快看：如何让工业烟囱和城市风格相融合？烟囱亮化工程的施工流程
下一篇：最后一页

相关推荐：

最新新闻：

财经
热门排行
新闻放送
Top