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

position: fixed定位手机苹果XR，显示有问题，其余手机正常？

一个按钮，我给他

position: fixed;

bottom: 88rpx;

距离底部88rpx，在开发者工具的模拟器，显示的位置正常，如图

在安卓，以及非XR手机的显示的也是正常，但是在xr手机内，显示的却是掉下去的，

请问这个是什么原因呢？有没有好的解决方案，父页面已经设置了overflow:hidden;

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

3 个回答

  • LastLeaf
    LastLeaf
    2020-04-07

    在圆角的屏幕内， fixed 布局的底部是按照屏幕最低端计算的。这个应该是因为你的 Tabbar 为了避免圆角而上移了，盖住了。

    2020-04-07
    有用
    回复 3
    • এ°ꦿ໊ོ༊
      এ°ꦿ໊ོ༊
      2020-04-08
      你这么一说，好像有点道理
      2020-04-08
      赞
      回复
    • 晦朔弦望
      晦朔弦望
      2020-11-27
      这个怎么解决啊，我也是这种问题，模拟器，安卓的都可以，用iphone11就这样了
      2020-11-27
      赞
      回复
    • Wintertime
      Wintertime
      2021-01-21
      大佬，这个问题解决没？
      2021-01-21
      赞
      回复
  • 是小白啊
    是小白啊
    2020-04-03

    看这是css的适配问题，你试下调高点？

    2020-04-03
    有用
    回复 2
    • এ°ꦿ໊ོ༊
      এ°ꦿ໊ོ༊
      2020-04-07
      你好。我调高后，XR手机会正常，但是其余手机也会跟着调高，比如我原先那个按钮在Tabbar  上面，就xr显示在下面，其余手机都正常。但是你把他调高后，xr正常了，其余手机就会比原来还要高。也就是说在tabar更上面了。
      2020-04-07
      赞
      回复
    • TNT
      TNT
      2020-04-07
      看了下 ios刘海屏都有这个问题。。
      2020-04-07
      赞
      回复
  • TNT
    TNT
    2020-04-03

    写个代码片段吧，老哥 我复现下问题。

    https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html


    应该是和下面这个问题一样，修复中。

    scroll-view包含的自定义组件中fixed元素层级问题？

    https://developers.weixin.qq.com/community/develop/doc/0004aeafeccb789ac219e474756000

    2020-04-03
    有用
    回复 11
    • এ°ꦿ໊ོ༊
      এ°ꦿ໊ོ༊
      2020-04-03
      https://developers.weixin.qq.com/s/wppatkmo7bgl
      2020-04-03
      赞
      回复
    • এ°ꦿ໊ོ༊
      এ°ꦿ໊ོ༊
      2020-04-03
      这个是代码片段，不知道你那边要不要npm构建一下，有用到vant，第一次用这个代码片段，目前是运行起来没问题，但是在苹果手机XR。他的显示会有问题，会往下掉！正常手机都是像模拟器那里一样，会在tabbar那个标签的上面。不会偏差太大！
      2020-04-03
      赞
      回复
    • TNT
      TNT
      2020-04-03回复এ°ꦿ໊ོ༊
      X会掉么
      2020-04-03
      赞
      回复
    • এ°ꦿ໊ོ༊
      এ°ꦿ໊ོ༊
      2020-04-03回复TNT
      X没测试过，不知道会不会掉，但目前xr会掉。苹果7也不会掉
      2020-04-03
      赞
      回复
    • TNT
      TNT
      2020-04-03回复এ°ꦿ໊ོ༊
      我操作下。我只有X
      2020-04-03
      赞
      回复
    查看更多(6)
请 登录 后发表内容
相关问题
相关文档
问题标签
位置开发者工具bottomanimation模拟器