iPad Absolute Positioning (на этот раз немного по-другому)

Question

Да, я уверен, что многие из вас знают, что абсолютное позиционирование не работает для iPad.Однако их исправления.Вроде.

Мой текущий сценарий предназначен для универа, его минимум на данный момент вы можете просмотреть здесь: http://jsfiddle.net/OwenMelbz/tqdMS/ не стесняйтесь играть.

Идея состоит в том, что когда пользователь «щелкает» по экрану, он что-то делает (позже это станет намного сложнее), однако он должен появляться там, где пользователь нажимает, поэтому я использую абсолютное позиционирование.

Теперь большая проблема.Это веб-приложение для iPad.когда вы нажимаете / касаетесь / касаетесь экрана, он порождает мой объект слева: 0;поскольку позиционирование css не работает.

Весь мой проект за последний год вроде бы зависит от этого.поэтому любая поддержка будет потрясающей.

спасибо

Оуэн

Answer 1

Absolute позиционирование работает, однако fixed позиционирование сложнее ...

Проблема, с которой вы столкнулись, не имеет никакого отношения к позиционированию.Объект события touchstart содержит список касаний, и вам нужно получить страницу X / 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;

Это немного многословно, но вы можете придумать более хороший способ написать это:)