Анимация JQuery Reel с помощью прокрутки - PullRequest
Новая
       15

Анимация JQuery Reel с помощью прокрутки

1 голос
/ 24 июня 2019

Я работаю над приложением прокрутки - и одна из запрошенных функций - анимировать барабан jquery - при прокрутке пользователя -

Я пытался запустить воспроизведение - и остановить функцию на кадре - и связать ее с scrollTop - но он ничего не делает.

http://jsfiddle.net/dxf17mbn/

var threesixty = $('#image').reel({
  image: 'http://test.vostrel.net/jquery.reel/example/object-movie-clockwise-sprite/f1-reel.jpg',
  speed: 0,
  frames: 35,
  cw: true,
  throwable: 1.2
});



console.log("threesixty", threesixty);

var $win = $(window);
$win.on('scroll', function() {
  var top = $win.scrollTop() / 3;

  console.log("top", top)

  var fraction = top / 3;

  $('#image')
    .trigger('play')
    .bind('frameChange', function() {
        console.log("frame change--")
      if ($(this).reel('frame') == 47) {
        $(this).trigger('stop');
      }
    });

});

1 Ответ

2 голосов
/ 24 июня 2019

Задавая вопросы о конкретных плагинах, обязательно укажите это или даже укажите ссылку на их API.

Простое изменение запущенного события с play на stepRight будет иметь значение. Вы хотите использовать как stepRight, так и stepLeft, в зависимости от того, прокручивает пользователь вверх или вниз.

Я бы также удалил прослушиватель frameChange из обратного вызова scroll, так как в конечном итоге вы добавите много повторяющихся прослушивателей для этого события.

...