从Y轴到X轴的反转脚本功能

Question

我在另一个网站上看到了这个，当你向下滚动页面（垂直）时，它会触发一个动画，一个圆圈旋转到位。我怎样才能扭转这一所以动画触发，当我水平滚动

$(document).ready(function() { 

    $(window).scroll(function(e) { 
     var top = $(document).scrollTop(); 
     var wHeight = Math.max(640,$(window).height()); 

     if (top < wHeight) { 
      //$('.bg').css('top',70+top/2); 
      $('.bg .maze').css({ 
       '-webkit-transform':'rotate('+top+'deg)', 
       '-moz-transform':'rotate('+top+'deg)', 
       '-o-transform':'rotate('+top+'deg)', 
       '-ms-transform':'rotate('+top+'deg)', 
       'transform':'rotate('+top+'deg)' 
      }); 
     } 
    }); 

}); 

Answer 1

你必须使用jQuery::scrollLeft()代替jQuery::scrollTop()，并将其与窗口宽度：

var left = $(document).scrollLeft(); 
var wWidth = Math.max(640,$(window).width()); 

if (left < wWidth) { /* ... */ }