固定位置不适用于ios设备

时间:2014-04-24 22:22:51

标签: javascript html ios css css-position

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

我唯一得到的错误是样式表中的404与此插件无关。

这里是我面临的问题的3个截图,第一个显示了带日历的div的输入

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

第二个是检查员认为它正在渲染的地方,你可以看到页面下方的半透明背景

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

第三个显示它似乎是正确的尺寸和一切,但日历似乎没有正确定位

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

如果有人对这可能是什么有任何想法,我会很乐意听到他们,因为现在,我不知所措。

修改

此页面已在Android设备上测试过,效果非常好。

1 个答案:

答案 0 :(得分:0)

好的,所以看起来移动设备不能很好地支持固定元素。

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

搜索:已修复

这真的很不幸。如果有人有任何解决方法,这将是非常好的。