在IOS8 Safari中有一个位置固定的新错误.

如果您将焦点放在固定面板中的文本区,Safari会将您滚动到页面底部.

这使得所有类型的UI都不可能使用,因为您无法在不向下滚动页面并丢失位置的情况下将文本输入到文本区域中.

有没有办法干净利落地解决这个错误?

#a {
  height: 10000px;
  background: linear-gradient(red, blue);
}
#b {
  position: fixed;
  bottom: 20px;
  left: 10%;
  width: 100%;
  height: 300px;
}

textarea {
   width: 80%;
   height: 300px;
}
<html>
   <body>
   <div id="a"></div>
   <div id="b"><textarea></textarea></div>
   </body>
</html>

推荐答案

这在iOS 10.3中已经修复!

黑客应该不再需要了.

Css相关问答推荐

我应该在哪里放置expo /Reaction本地项目的CSS重置文件?

try 在Jekyll中使用多个SCSS文件时出错

两列网格中左列第一个文本正下方的按钮

如果 css 仅位于 razor 页面中的一页上,我是否仍应在 wwwroot 中写入或仅将其放在页面上?

当鼠标移到侧边栏之外时,如何防止shiny 仪表板侧边栏菜单中的 pickerInput 选项被切断?

如何在Bootstrap 5上使用移动设备居中内容?

具有水平和垂直滚动的表格上的活动 scss 类

使用 :checked 显示隐藏的侧面板

没有 colored颜色 Select 器的 JavaFX colored颜色 Select 器

如何禁用 Angular Material Pagination 按钮的波纹效果?

包含tailwind 中固定纵横比框的内容

网格区域即使使用 fr 也不会减小其宽度

带有 gatsby-plugin-image 的 bootstrap 卡 ImgOverlay 未按预期调整大小

子组件的css会影响整个页面

包装器内两个跨度之一上的文本溢出省略号

CSS3 变换:旋转;在 IE9 中

CSS - 悬停穿过元素以激活悬停在被覆盖的元素上

更改 FontAwesome 图标的字体粗细?

为什么 CSS 中的光标:指针效果不起作用

将样式应用于第一行的单元格