当前位置: 首页 > 知识库问答 >
问题:

javascript - 用户更新ios 16.4后程序页面里边fixed定位的底边栏在页面有滚动操作后,底部栏就隐身了,看不见但是可以点?

王英彦
2023-05-19

在ios模拟器中控制台直接修改底边栏的行内样式,也是照样隐身,请问有没有人跟我遇到过一样的情况?如何解决?

共有2个答案

从渊
2023-05-19

这个问题可能是由于 iOS 16.4 更新后对 Safari 的 fixed 定位元素处理方式发生了变化所导致的。您可以尝试以下几种解决方案:

使用 position: sticky 替代 fixed 定位元素。position: sticky 在滚动到特定位置时将元素固定在屏幕上方或下方,通常会比 fixed 定位更可靠。

将 fixed 元素的 z-index 属性设置为较高的值。在某些情况下,fixed 元素可能被其他元素遮挡,因此您可以尝试使用 z-index 属性将其置于最上层。

将 fixed 元素的 transform 属性设置为 translateZ(0)。这将启用硬件加速,提高 fixed 元素的性能和可靠性。

仇睿
2023-05-19

组件是否有-webkit-overflow-scrolling:touch 如果有尝试禁用看看

 类似资料:
  • 由于某些原因,我不能得到我的利润底部工作我的div和它没有做我希望它会做的。它应该防止隐藏在页脚后面的内容(当屏幕大小被调整时)。有人知道如何防止这种情况发生吗?忽略移动视图,因为我还没有在移动视图中设置此部分的响应性。 null null

  • 如果页面底部可见,则返回 true ,否则返回 false 。 使用 scrollY,scrollHeight 和 clientHeight 来判断页面的底部是否可见。 const bottomVisible = () => document.documentElement.clientHeight + window.scrollY >= (document.documentElement

  • 问题内容: 考虑我有一个问题清单。当我单击第一个问题时,它应该自动带我到页面底部。 实际上,我确实知道可以使用jQuery完成此操作。 因此,您能为我提供一些文档或一些链接,以找到该问题的答案吗? 编辑:需要滚动到页面底部的特定HTML 元素 问题答案: 不需要jQuery。我从Google搜索获得的大多数热门结果都给了我这个答案: 在嵌套元素的地方,文档可能不会滚动。在这种情况下,您需要定位要滚

  • 我有一个问题清单。当我点击第一个问题时,它应该会自动把我带到页面底部。 事实上,我确实知道这可以使用jQuery来完成。 所以,你能给我一些文件或一些链接,我可以找到这个问题的答案吗? 编辑:需要滚动到页面底部的特定HTML元素

  • 问题内容: 我的页面上有一个div: 如何使div滚动到div的底部?不是页面,只有DIV。 问题答案: 此处的其他解决方案实际上不适用于内容很多的div -它“最大化”向下滚动到div的高度(而不是div 内容 的高度)。因此,它们将起作用,除非您在其内容中具有div高度的两倍以上。 这是正确的版本: 或jQuery 1.6+版本: 或动画:

  • 这是我的HTML: 这是我的CSS,仅用于页脚: