联系我们 - 广告服务 - 联系电话:
您的当前位置: > 关注 > > 正文

热消息:顶部距离小于50rpx时 导航栏不再透明显示

来源:CSDN 时间:2023-02-03 15:02:18


【资料图】

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

实现思路:

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

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

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

责任编辑:

标签:

相关推荐:

精彩放送:

新闻聚焦
Top