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) { /* ... */ }

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

1 个答案: