【问题标题】:Fixed position not working on ios devices固定位置不适用于 ios 设备
【发布时间】:2014-04-24 22:22:51
【问题描述】:

我正在努力实现 http://amsul.ca/pickadate.js/ 的几个实例,但我似乎遇到了一些 css 问题。如果您在 ipad 或 iphone 上查看上述站点,则日历的位置是正确的,因为容器会像一个好的固定位置元素一样覆盖窗口。但是,如果您要查看我的站点并拉起日历,那么您会看到日历容器(灰色背景)从它旁边的输入的左下角开始(好像它是相对定位的)并以与窗口相同的尺寸延伸。除此之外,当我在我的 mac 上使用 mobile safari 的 web 检查器进行检查时,通常指示 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

如果有人对为什么会这样有任何想法,我很想听听他们的意见,因为现在我很茫然。

编辑

这个页面已经在安卓设备上测试过,可以完美运行。

【问题讨论】:

    标签: javascript html ios css css-position


    【解决方案1】:

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

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

    搜索:固定

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-10-20
      • 2013-01-21
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-10-03
      • 2021-01-31
      • 2013-02-18
      相关资源
      最近更新 更多