@Genri_Rus

Как автоматически подстраивать offset при скроллинге?

Хорошего времени суток !

Возникла проблема в подстраивании offset'a относительно скроллинга

Дело в том, что я пытался реализовать полет картинки, но у меня получился не тот эффект

Проблема возникает, когда я нажимаю на кнопку и у меня одновременно летит не одна, а сразу 2 картинки

Я также не могу понять, как сделать полет картинки выше по свойству top ? Сейчас картинка летит прямо ...

Вот более наглядный пример: https://codepen.io/Genri_Rus/pen/JqEgyg

<div>
  <p class="img"><img src="http://lorempixel.com/30/30/city">
  <button class="move">Переместить</button>
  </p>
</div>

<div>
  <p class="img"><img src="http://lorempixel.com/30/30/technics">
  <button class="move">Переместить</button>
  </p>
</div>

<div class="icon-right"><i class="fa fa-tags" aria-hidden="true"></i></div>


const icon = $('.icon-right');

$('.move').click(function() {
    let img = $(this).parent().find('img');
    let offset = img.offset();
    $('body').append('<div class="moved-item"></div>');
    var copy = img.clone();
  
    let copyItem = copy.appendTo('.moved-item');
  
    $('.moved-item').css({'top' : offset.top + 'px', 'left' : offset.left + 'px'}).fadeIn("slow").animate({'top': icon.offset().top, 'left': icon.offset().left + 20}, 1200);
})
  • Вопрос задан
  • 91 просмотр
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Холдинг GLORYON Новосибирск
от 40 000 до 50 000 руб.
OPEN SYSTEM DEVELOPMENT Нур-Султан (Астана)
от 80 000 до 120 000 руб.
от 90 000 до 190 000 руб.
25 мая 2019, в 08:45
1 руб./за проект
25 мая 2019, в 06:39
100 руб./за проект