iPad绝对定位(这次有点不同)

时间:2011-10-04 19:51:21

标签: jquery css ipad css-position

是的,我相信很多人都知道绝对定位对ipad不起作用。然而他们是修复。排序。

我目前的脚本是针对一个uni项目的,当你可以在这里查看标记的时候它是最低限度http://jsfiddle.net/OwenMelbz/tqdMS/随意摆弄。

这个想法是当一个用户“点击”它制作的屏幕时(后来会变得更复杂)但是它需要在用户点击的地方产生,因此我使用绝对定位。

现在是个大问题。这是一个iPad Web App。当你点击/点击/触摸屏幕时,它会在左边产生我的对象:0;因为css定位不起作用。

我的整个最后一年项目依赖于此。所以任何支持都会很棒。

感谢

欧文

1 个答案:

答案 0 :(得分:2)

Absolute定位有效,但fixed定位为more difficult ...

您遇到的问题与定位无关。 touchstart事件对象包含一个触摸列表,您需要在第一次触摸时获取pageX / pageY。类似的东西:

var posY = (spawn.touches ? spawn.touches[0].pageY : spawn.pageY) - 50;
var posX = (spawn.touches ? spawn.touches[0].pageX : spawn.pageX) - 50;

但是,如果你使用jQuery进行绑定,这将不起作用,因为它规范化了事件对象。所以你需要做一些事情:

var posY = (spawn.originalEvent.touches ? spawn.originalEvent.touches[0].pageY : spawn.pageY) - 50;
var posX = (spawn.originalEvent.touches ? spawn.originalEvent.touches[0].pageX : spawn.pageX) - 50;

这有点冗长,但你可以想出一个更好的写作方式:)