прокрутите вниз, а не прокрутите влево

Question

Я пытаюсь прокрутить тело страницы, которую я создаю вверх и вниз, когда устройство наклоняется вверх и вниз.

Этот плагин прокручивает влево и вправо, когда устройство наклоняется.

Как я могу прокручивать вверх и вниз с помощью наклона вверх и вниз?

(function($) { 
$.fn.tilt = function(params) { 
    items = this; 

    params = $.extend({sensitivity: 1}, params); 

    ax = ay = 0; 

    window.addEventListener('devicemotion', function (e) { 
     ax = e.accelerationIncludingGravity.x * params.sensitivity; 
     ay = -e.accelerationIncludingGravity.y * params.sensitivity; 

     if(ax > 0) { 
      ax -= params.sensitivity; 
      if(ax < 0) ax = 0; 
     } else if(ax < 0) { 
      ax += params.sensitivity; 
      if(ax > 0) ax = 0; 
     } 

    }, false); 

    mainLoop = setInterval("moveMe()"); 

    moveMe = function() { 
     $(items).each(function() { 
      scrollPos = $(this).scrollLeft() + ax; 
      $(this).scrollLeft(scrollPos); 
     }); 
    } 
} 
})(jQuery); 

Answer 1

Выполните то же самое, но с параметром y?

(function($) { 
$.fn.tilt = function(params) { 
    items = this; 

    params = $.extend({sensitivity: 1}, params); 

    ax = ay = 0; 

    window.addEventListener('devicemotion', function (e) { 
     ax = e.accelerationIncludingGravity.x * params.sensitivity; 
     ay = -e.accelerationIncludingGravity.y * params.sensitivity; 

     if(ay > 0) { 
      ay -= params.sensitivity; 
      if(ay < 0) ay = 0; 
     } else if(ay < 0) { 
      ay += params.sensitivity; 
      if(ay > 0) ay = 0; 
     } 

    }, false); 

    mainLoop = setInterval("moveMe()"); 

    moveMe = function() { 
     $(items).each(function() { 
      scrollPos = $(this).scrollTop() + ay; 
      $(this).scrollTop(scrollPos); 
     }); 
    } 
} 
})(jQuery); 

Answer 2

Если вы используете JQuery, почему бы не использовать $.scrollTop() для изменения значения вертикальной прокрутки элемента?

var tilt_interval_id = setInterval(function(items) { onDeviceTilt(items); }, 50);  

function onDeviceTilt(items) { 
    $(items).each(function() { 
     var newScrollX = $(this).scrollLeft() + ax; 
     var newScrollY = $(this).scrollTop() + ay; 
     //Update the horizontal and vertical scroll positions 
     $(this).scrollLeft(newScrollX); 
     $(this).scrollTop(newScrollY); 
    }); 
} 

//Later, if you wish to clear the interval ... 
clearInterval(tilt_interval_id);