【问题标题】:What is the problem about "fixed" position in Firefox mobile?Firefox 移动版中的“固定”位置有什么问题?
【发布时间】:2021-04-22 17:24:10
【问题描述】:

在以下路径中,当您在移动端的Firefox浏览器中播放音乐时,视口底部会显示一个播放器,当您使用播放器时,某些元素会被隐藏!

我有一个底部为零的固定元素的问题!我该如何解决?

https://www.qwant.com/music/album/lonny-montem-what-kind-of-music-do-you-play-ep/overview

【问题讨论】:

  • 我发现它发生在正文有滚动并且我滚动到页面末尾时!

标签: html css firefox


【解决方案1】:

我修好了!

这是由于在 Firefox 移动应用中滚动时隐藏地址栏造成的。

我通过向父元素或正文中的包装器添加一些样式来防止隐藏地址栏来解决此问题(您可以在 Firefox 浏览器的自定义部分禁用此选项以进行测试)。

 .wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow-y: auto;
   -webkit-overflow-scrolling: touch;
 }

【讨论】:

    猜你喜欢
    • 2012-12-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-06-07
    • 2012-10-04
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多