逍涯
逍涯
  • 发布:2019-03-30 22:24
  • 更新:2019-04-02 14:18
  • 阅读:1295

上下滑动页面如何即时调整自定义导航的透明度?

分类:uni-app

取消原生导航通过自定义导航如何上下滑动即时调整自定义导航的透明度?有个onPagescroll,但是似乎只能判断滚动距离不能判断上滑还是下滑,请大神指点,谢谢

2019-03-30 22:24 负责人:无 分享
已邀请:
MixR

MixR - 团队承接uniapp开发,qq472045067

不需要知道上滑还是下滑, 只需要知道距离顶部距离即可实现,
比如距离顶部200时导航栏透明度为1, 200以下按比例调整, 200以上不进行操作即可.

另外, 不建议取消原生导航, 现在的导航可定制性已经很高, 插件市场也有很多使用示例,
onPagescroll只为一个导航栏而多的开销是不合适的, 另外小程序的滚动赋值依然是有延迟的.

以上仅作为个人建议, 可作为参考

  • 逍涯 (作者)

    谢谢您的回复帮助,那就应用原生导航进行扩展,但是用哪个方法或属性来计谋顶部距离,还请指教,谢谢!

    2019-04-01 08:38

MixR

MixR - 团队承接uniapp开发,qq472045067

onPageScroll 中返回的 scrollTop就是了

  • 逍涯 (作者)

    亲测只是返回的滚动距离数字,好像没有方向概念

    2019-04-04 12:54

  • MixR

    回复 逍涯: 你这个需求除了需要滚动距离还需要别的值么?

    2019-04-04 17:24

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