Как сместить на javascript элементы на одну позицию вправо и влево при событии touchmove?

Question

[Vladimir1380]

Есть обычный div, в котором по периметру абсолютно позиционированы классами типа pos-0, pos1 и т.д., одинаковые элементы с разными числовыми индексами. Canvas не используется.
Необходимо при фиксации событий touchmove, определять направление вправо или влево и смещать все элементы на одну позицию То есть 1 на позицию 2 (вправо), 2 на 3, или 1 на позицию 10 (влево) и т.д. друг за другом?
Возможно, динамическим изменением классов, которыми задано абсолютное позиционирование каждого отдельного элемента. Как лучше сделать это плавно на js/jquery?
Элементы расположены так;

Answer 1

[axeax]

Если должно в итоге получиться что-то вроде крутилки, то:
1) при touchstart запоминаем х
2) при touchmove, если moveX > x - значит вправо, ну и наоборот
3) в соответствии с направлением задаем элементам новые классы или позицию, зависит от того что в итоге нужно получить

Comments

[Vladimir1380]

Да, Вы правильно назвали это "крутилкой". Там идет перемещение игровых фигурок "по кругу" (когда при таче фигурка должна занимать позицию предыдущей или следующей (право-влево) . Человек может передвинуть одну или несколько фигур по кругу )то есть вызвать несколько событий touchmove). Если при каждом сдвиге менять классы, то во-первых элементы сильно дергаются-проседают, да и наверное, смена классов как и nth-child результате перестраивания коллекции, учитывая, что действие будет производиться почти постоянно, представляется мне не очень неэффективным решением.