收藏
回答

position: sticky吸顶效果,写在组件里就不起作用了吗?

如果我写一个导航需要固定在顶部时,在当前页面文件夹下的wxss里面写position: sticky,在真机和模拟器里都有效果!

但是当我把这个导航写成一个组件,在组件里面的wxss文件写position: sticky,然后再页面里面引用这个组件,模拟器有效果,真机上面就没有效果了

最后一次编辑于  09-17
回答关注问题邀请回答
收藏

2 个回答

  • 王志鹏
    王志鹏
    09-17

    position: sticky 这个属性需要在最外部的元素上加  如果加了position: sticky的元素外面还有一层元素包裹  是不会生效的

    09-17
    赞同 2
    回复 4
    • 一叶知秋ζ
      一叶知秋ζ
      09-17
      谢谢,明白了
      09-17
      回复
    • 王志鹏
      王志鹏
      09-17回复一叶知秋ζ
      解决了吗?
      09-17
      回复
    • 一叶知秋ζ
      一叶知秋ζ
      09-17回复王志鹏
      解决了,我把自定义组件放在页面里,再这个自定义组件外面写个view,让这个view去position: sticky
      09-17
      回复
    • stone
      stone
      11-18回复一叶知秋ζ
      哎,在自定义组件里使用后,ios真机无效,本来就是要抽取组件提高开发效率的,这一个个页面去写着实头疼~
      11-18
      回复
  • 社区技术运营专员-小柿子
    社区技术运营专员-小柿子
    09-17

    麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    09-17
    赞同
    回复 1
    • 一叶知秋ζ
      一叶知秋ζ
      09-17
      谢谢,我自己解决了
      09-17
      回复
问题标签