анимация деления на прокрутку окна jquery

0

я хочу анимировать деление на прокрутке окна, его единственный анимировать, когда scrollTop больше 200, и когда я хочу прокрутить назад на scrollTop больше> 500, он ничего не делает.

$(window).scroll(function(){
    var posFromTop = $(window).scrollTop();

    if(posFromTop > 200){
        // if more than 200px from the top do something
        $('#banner').animate({'left': +300});}            

    if(posFromTop > 500){
        // if more than 200px from the top do something
        $('#banner').animate('left': -300});}
    });
});
Теги:

1 ответ

1
Лучший ответ

Когда вы больше 500 пикселей сверху, обе анимации запускаются одновременно и отменяют друг друга. Попробуйте изменить

if(posFromTop > 200){

в

if(posFromTop > 200 && posfromTop <= 500){
  • 0
    все еще не работающие цвета меняются, но анимация не работает, когда позиция больше 600 $ (окно) .scroll (function () {var posFromTop = $ (window) .scrollTop (); $ ("# scrollValue"). html ( posFromTop) if (posFromTop> 200 && posFromTop <= 500) {$ ('# scrollValue'). css ({'background-color': 'blue'}); $ ('# scrollValue'). animate ({'marginLeft ': 200});} if (posFromTop> 600 && posFromTop <= 1000) {$ (' # scrollValue '). Css ({' background-color ':' brown '}); $ (' # scrollValue '). animate ({'marginLeft': 0});}});
  • 0
    Не могли бы вы создать скрипку , ваш код не читается как комментарий.
Показать ещё 3 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню