固定位置在iOS设备上不起作用

迈克尔·麦克劳克林

我正在实现一些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

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

编辑

此页面已在android设备上经过测试,可以完美运行。

迈克尔·麦克劳克林

好的,因此移动设备似乎无法很好地支持固定元素。

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

搜索:固定

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

固定位置在Windows Safari上不起作用

来自分类Dev

位置固定在 Tumblr 上不起作用

来自分类Dev

位置:固定属性在小屏幕上不起作用

来自分类Dev

固定位置在Chrome中不起作用

来自分类Dev

固定位置在Chrome中不起作用

来自分类Dev

显示/隐藏div jQuery在固定位置不起作用

来自分类Dev

固定位置在Chrome中不起作用

来自分类Dev

固定位置在Safari版本8.0.2中不起作用

来自分类Dev

引导导航和固定位置不起作用

来自分类Dev

Bootstrap Modal在iOS设备上不起作用

来自分类Dev

iOS 8 Today Extension在设备上不起作用

来自分类Dev

Expo-speech在某些iOS设备上不起作用

来自分类Dev

ngx-translate在iOS设备上不起作用(Cordova)

来自分类Dev

PhoneGap在iOS 5设备上不起作用

来自分类Dev

iOS 8推送通知在实际设备上不起作用

来自分类Dev

iOS Open Url在某些设备上不起作用

来自分类Dev

Cordova / Phonegap:AJAX呼叫在iOS设备上不起作用

来自分类Dev

React Native,iOS-ScrollView在设备上不起作用

来自分类Dev

Skrollr在移动设备上不起作用

来自分类Dev

UISplitView showDetailViewController:在设备上不起作用

来自分类Dev

UIButton在某些设备上不起作用

来自分类Dev

UIButton在某些设备上不起作用

来自分类Dev

jQuery在移动设备上不起作用

来自分类Dev

AVAssetResourceLoaderDelegate方法在设备上不起作用

来自分类Dev

parseFloat在移动设备上不起作用

来自分类Dev

Bootstrap在移动设备上不起作用

来自分类Dev

VueJS在移动设备上不起作用

来自分类Dev

ontouchstart在移动设备上不起作用?

来自分类Dev

PlayerPrefs在Android设备上不起作用