收藏
回答

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

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

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

回答关注问题邀请回答
收藏

3 个回答

  • 王志鹏
    王志鹏
    2019-09-17

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

    2019-09-17
    有用 3
    回复 5
    • 玲珑小小龙ι
      玲珑小小龙ι
      2019-09-17
      谢谢,明白了
      2019-09-17
      回复
    • 王志鹏
      王志鹏
      2019-09-17回复玲珑小小龙ι
      解决了吗?
      2019-09-17
      回复
    • 玲珑小小龙ι
      玲珑小小龙ι
      2019-09-17回复王志鹏
      解决了,我把自定义组件放在页面里,再这个自定义组件外面写个view,让这个view去position: sticky
      2019-09-17
      1
      回复
    • stone
      stone
      2019-11-18回复玲珑小小龙ι
      哎,在自定义组件里使用后,ios真机无效,本来就是要抽取组件提高开发效率的,这一个个页面去写着实头疼~
      2019-11-18
      回复
    • 初始台地小霸王
      初始台地小霸王
      2020-07-20回复玲珑小小龙ι
      感谢大佬,本来只有安卓好使,IOS需要放在最外面
      2020-07-20
      回复
  • 猛
    2020-11-05

    哎,感谢,我也是发现在组件中写就无效,我还专门做了个sticky组件进行包裹,开发者工具上没问题,真机上就无效,只好在页面中去写了,不知道微信啥时能解决下

    2020-11-05
    有用
    回复 2
    • 生米煮成稀饭
      生米煮成稀饭
      2021-05-26
      我也写成了个组件,然后发现IOS有效,安卓无效了。原理是用这个createIntersectionObserver.relativeToViewport,去监听组件的跟页面的位置碰撞。我真是*了狗了!
      2021-05-26
      回复
    • 生米煮成稀饭
      生米煮成稀饭
      2021-05-26
      我是一个嵌套组件的,感觉除了全局广播scroll事件,没法玩了
      2021-05-26
      回复
  • 是柿子啊
    是柿子啊
    2019-09-17

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

    2019-09-17
    有用
    回复 1
    • 玲珑小小龙ι
      玲珑小小龙ι
      2019-09-17
      谢谢,我自己解决了
      2019-09-17
      回复
登录 后发表内容
问题标签