javascript - 修复了 Mobile Safari 中的定位

Question

是否可以在 Mobile Safari 中相对于视口(viewport)固定定位元素？正如许多人指出的那样，position: fixed 不起作用，但 Gmail 刚刚推出了一个几乎是我想要的解决方案——查看邮件 View 上的 float 菜单栏。

在 JavaScript 中获取实时滚动事件也是一个合理的解决方案。

Answer 1

这个固定位置的 div 只需 2 行代码即可实现，将滚动时的 div 移动到页面底部。

window.onscroll = function() {
  document.getElementById('fixedDiv').style.top =
     (window.pageYOffset + window.innerHeight - 25) + 'px';
};