Блог

Главная - Вопросы по программированию - Функция обратного скрипта от оси Y к оси X

Функция обратного скрипта от оси Y к оси X

#javascript

#javascript

Вопрос:

Я видел это на другом веб-сайте: при прокрутке страницы вниз (по вертикали) запускается анимация, в которой круг вращается на месте. Как я могу изменить это, чтобы анимация срабатывала при прокрутке по горизонтали

 $(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)'
            });
        }
    });

});

Комментарии:

1. Попробуйте подумать об этом. Возможно, вместо scrollTop вам следует использовать свойство scrollLeft .

2. Спасибо, все еще новичок в этом, я понял это сейчас

Ответ №1:

Вы должны использовать jQuery::scrollLeft() вместо jQuery::scrollTop() , и сравнить его с шириной окна:

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

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

Комментарии:

1. Большое вам спасибо, теперь это кажется очевидным, очень ценю это!

Метки: