У меня очень странная проблема.
У меня есть ширина элемента контейнера в форме:
<div class="container">
<form class="form pos1">
</form>
</div>
Контейнер имеет заданную ширину и скрывает его переполнение.Форма шире контейнера и отображает различное содержимое в зависимости от его положения.
.container {
width: 500px;
height: 500px;
overflow: hidden;
}
.form {
width: 2000px;
height: 500px;
position: relative;
}
.form.pos1 { left: 0; }
.form.pos2 { left: -100%; }
.form.pos3 { left: -200%; }
.form.pos4 { left: -300%; }
Вот где оно становится липким.На pos3 есть кнопка, связанная с отправкой формы AJAX.В случае успеха или неудачи он периодически забывает, что находится в «левом положении».Таким образом, попытка перейти к pos2 из pos3 (слева: -200%; слева: -100%) на самом деле приведет к pos4 (-300%), как если бы после AJAX-запроса в pos3 он «сбрасывался», где 0Позиция и так будет перемещаться до -300% вместо -100%.
Протестировал это в Firefox и Safari и, похоже, относится только к Chrome.Любое освещение, почему это происходит, было бы удивительно!Заранее спасибо!