收藏
回答

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
      回复
    • Summertime
      Summertime
      01-21
      大佬,这个问题解决没?
      01-21
      回复
  • 社区技术运营专员-小柿子
    社区技术运营专员-小柿子
    2020-04-03

    看这是css的适配问题,你试下调高点?

    2020-04-03
    有用
    回复 2
    • এ°ꦿ໊ོ༊
      এ°ꦿ໊ོ༊
      2020-04-07
      你好。我调高后,XR手机会正常,但是其余手机也会跟着调高,比如我原先那个按钮在Tabbar  上面,就xr显示在下面,其余手机都正常。但是你把他调高后,xr正常了,其余手机就会比原来还要高。也就是说在tabar更上面了。
      2020-04-07
      回复
    • 贩卖焦虑
      贩卖焦虑
      2020-04-07
      看了下 ios刘海屏都有这个问题。。
      2020-04-07
      回复
  • 贩卖焦虑
    贩卖焦虑
    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
      回复
    • 贩卖焦虑
      贩卖焦虑
      2020-04-03回复এ°ꦿ໊ོ༊
      X会掉么
      2020-04-03
      回复
    • এ°ꦿ໊ོ༊
      এ°ꦿ໊ོ༊
      2020-04-03回复贩卖焦虑
      X没测试过,不知道会不会掉,但目前xr会掉。苹果7也不会掉
      2020-04-03
      回复
    • 贩卖焦虑
      贩卖焦虑
      2020-04-03回复এ°ꦿ໊ོ༊
      我操作下。我只有X
      2020-04-03
      回复
    查看更多(6)
登录 后发表内容
问题标签