reactjs兼容的Threesixty图像特纳，可对滚动更改做出反应

Question

我正在开发一个具有三十六度图像左轮手枪的应用程序。

我试图使用jquery.reel-但是，一旦我安装了该模块并尝试将其导入-它刚反弹并出现错误，并且已经6年没有更新了。

Reactjs - jquery not defined in npm installed lib - jquery.reel

Animate jquery reel via scroll

//老三十六 http://jsfiddle.net/6513uLdm/1/

我正在尝试使用此功能-但是下一个以前的api部分似乎没有被触发？ //新threesixty http://jsfiddle.net/hkLsa6qt/

$(document).ready(function(){
   var $three = $('.threesixty').threeSixty({
        dragDirection: 'horizontal'
    });

    console.log("$three", $three)


var position = $(window).scrollTop();
// should start at 0

$(window).scroll(function() {
  var scroll = $(window).scrollTop();
  if (scroll > position) {
    console.log('scrollDown');
   $three.next;
  } else {
    console.log('scrollUp');
   $three.previous;
  }
  position = scroll;
});



});