鲸鱼风风
鲸鱼风风
  • 发布:2021-05-10 18:01
  • 更新:2021-06-01 22:39
  • 阅读:935

【报BUG】“导航栏滑动,透明度自适应”(transparentTitle),跟滑动吸顶效果(sticky)冲突。

分类:uni-app

pages.json 文件,设置 "transparentTitle": "auto" 后(导航栏滑动,透明度自适应)。
页面内的滑动吸顶效果失效( position: sticky)

实例代码:官方的sticky吸顶示例插件
将 transparentTitle 设为 auto 即可看到效果:


将页面顶层设为滑动的容器后。可以实现吸顶。
但是导航栏会一直处于 “透明” 的状态。无法变为 “不透明”。(这算BUG吧?)

我怀疑顶部导航栏监听的元素有问题。(如MUI的动态透明导航组件,是可以设置监听元素的)

希望 UNi 能解决这个问题。
或者大家谁有实现的方案。欢迎提出讨论!

(看了下其它的APP,这是很常见的功能。希望可以支持)

p.s:尝试过 top: var(--window-top) 等属性,均无效。
p.s2:分区选错了,好像改不了。

2021-05-10 18:01 负责人:无 分享
已邀请:
鲸鱼风风

鲸鱼风风 (作者)

临时的解决方案是:不使用 导航栏透明渐变效果
蹲个坑,希望有大佬指教下解决方案!!

  • 鲸鱼风风 (作者)

    呜呜呜,真的没有回复嘛。好难受

    2021-05-11 15:02

大图APP

大图APP - 金刚狼前端

顶上去,和 "transparentTitle":"auto" 的确冲突!!!

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