如何创建设备固定的容器？

Question

我有position:fixed;容器，当我在PC上滚动页面时，它总是被修复（保留在左上角）。

在iPhone上，它出现在左上角，但是当我滚动时它会永远停留在那里。对此有什么解决方案吗？

Answer 1

此处的最佳选项似乎是媒体查询，请参阅：http://www.w3.org/TR/css3-mediaqueries/和http://webdesignerwall.com/tutorials/css3-media-queries作为示例。

编辑：小姐读了这个问题：

正如乔希的链接所示，你可以通过以下方式实现这一目标：

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