收藏
回答

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
      回复
    • ༄༊࿆半截诗ོྂཾ࿆࿐
      ༄༊࿆半截诗ོྂཾ࿆࿐
      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
      回复
    • 订阅happiness
      订阅happiness
      2020-04-07
      看了下 ios刘海屏都有这个问题。。
      2020-04-07
      回复
  • 订阅happiness
    订阅happiness
    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
      回复
    • 订阅happiness
      订阅happiness
      2020-04-03回复 赫 ⃰
      X会掉么
      2020-04-03
      回复
    •  赫 ⃰
       赫 ⃰
      2020-04-03回复订阅happiness
      X没测试过,不知道会不会掉,但目前xr会掉。苹果7也不会掉
      2020-04-03
      回复
    • 订阅happiness
      订阅happiness
      2020-04-03回复 赫 ⃰
      我操作下。我只有X
      2020-04-03
      回复
    查看更多(6)
登录 后发表内容
问题标签