У меня есть абсолютно позиционированный div, в котором функция jQuery.animate перемещается горизонтально справа налево от экрана. Моя проблема заключается в том, что как только div достигает крайней левой стороны, он продолжается и в конечном итоге исчезает с экрана. Как вы делаете это так, что, как только div достигнет левой стороны, он изменится и начнет идти вправо? (а затем наоборот, чтобы правая сторона не продолжала идти вправо, но уходит снова, как только она достигает конца)
HTML:
<div class="container">
<div class="block"></div>
</div>
CSS
.block {
float:right;
position:absolute;
right:100px;
width:100px;
height:100px;
background:red;
}
JQuery
$('.block').click(function() {
$(this).animate(
{"right": "+=100px"},"slow");
});
Вот мой JSFiddle: https://jsfiddle.net/ebkc9dzL/
Спасибо, я очень ценю помощь!