javascript - 固定位置不适用于 ios 设备

Question

我正在努力实现 http://amsul.ca/pickadate.js/ 的几个实例但我似乎遇到了几个 CSS 问题。如果您在 ipad 或 iphone 上查看上述网站，日历的位置是正确的，因为容器覆盖了窗口，这是一个好的固定位置元素应该做的。但是，如果您要查看我的网站并拉出日历，那么您会看到日历容器(灰色背景)从它旁边的输入的左下角开始(就好像它是相对定位的)并以与窗口相同的尺寸延伸。除此之外，当我在我的 Mac 上检查移动 safari 的网络检查器时，通常指示 div 所在位置的蓝色框固定在文档顶部，不一定是窗口。

我遇到的唯一错误是来自与此插件无关的样式表的 404。

这是我遇到的问题的 3 个屏幕截图，第一个显示了带有日历的 div 紧随其后的输入

http://www.dumpt.com/img/viewer.php?file=rvipsnuyfyuv8u6xt5dr.png

第二个是 inspector 似乎认为它正在渲染的地方，您可以在页面下方看到半透明背景

http://www.dumpt.com/img/viewer.php?file=nc7el13lcthqlzrsfarg.png

第三个显示它似乎是正确的尺寸和所有内容，但日历似乎没有正确定位

http://www.dumpt.com/img/viewer.php?file=8hbswbfv9abwobkth8iq.png

如果有人对为什么会这样有任何想法，我很想听听他们的意见，因为现在我不知所措。

编辑

此页面已在 Android 设备上进行测试并且运行良好。

Answer 1

好吧，看来移动端对固定元素的支持不是很好。

http://www.quirksmode.org/m/css.html

搜索:固定

这真是不幸。如果有人对此有任何解决方法，那就太好了。