解决ios软键盘弹起导致页面fixed定位元素被顶上去

在iOS应用中，当用户聚焦于文本输入框（如UITextField或UITextView），系统会自动显示软键盘，这可能会引起页面布局的变化，特别是固定定位 (`position: fixed;`) 的元素会被顶上去。解决这个问题通常需要通过JavaScript或者CSS来处理：

1. **利用JavaScript (jQuery) 或原生JS**: 当软键盘弹出时，你可以监听键盘事件（`window.innerHeight` 变化），然后调整页面的高度，包括固定定位元素的位置，使其保持在视口内。

$(window).on('resize', function() {
  if ($(window).height() - $(document).scrollTop() < yourFixedElementHeight) {
    // 软键盘弹出时，将固定元素下移或隐藏
    yourFixedElement.css('transform', 'translateY(-100%)');
  } else {
    // 键盘收起时，恢复位置
    yourFixedElement.css('transform', 'translateY(0)');
  }
});

2. **CSS`: 使用 `@media` 规则结合 `window` 对象的 `scrollY` 属性检查键盘高度，并相应地调整布局。例如：

@media screen and (max-height: calc(100vh - env(safe-area-inset-bottom))) {
  .fixed-element {
    position: absolute !important;
    top: env(safe-area-inset-top);
  }
}

这里要注意替换 `.fixed-element` 为实际的固定定位元素选择器，并且可能需要调整计算条件以匹配你的需求。