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

Question

好的，我相信你们中的很多人都知道绝对定位不适用于 ipad。但是它们是修复程序。有点。

我当前的脚本是针对 uni 元素的，目前它处于最低限度，您可以在此处查看标记 http://jsfiddle.net/OwenMelbz/tqdMS/随意摆弄。

想法是当用户“点击”屏幕时它会产生一些东西(稍后会变得更加复杂)但是它需要在用户点击的地方产生，因此我使用绝对定位。

现在是大问题。这是一个 iPad 网络应用程序。当您单击/点击/触摸屏幕时，它会在左侧生成我的对象:0；因为 css 定位不起作用。

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

谢谢

欧文

Answer 1

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 进行绑定(bind)，这将不起作用，因为它规范化了事件对象。所以你需要做类似的事情:

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;

这有点冗长，但你可以想出一个更好的写法:)