公告列表
公告列表
收藏
回答

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

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

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

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

3 个回答

  • 污昂ᰔᩚ王࿐
    污昂ᰔᩚ王࿐
    2019-09-17

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

    2019-09-17
    有用 4
    回复 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
      赞
      回复
请 登录 后发表内容
相关问题
相关文档
问题标签
导航小程序框架小程序开发指南wxss模拟器