Показать сообщение отдельно
  #3 (permalink)  
Старый 02.04.2015, 18:09
Новичок на форуме
Отправить личное сообщение для Narahon Посмотреть профиль Найти все сообщения от Narahon
 
Регистрация: 16.02.2013
Сообщений: 8

Сообщение от рони Посмотреть сообщение
Narahon,
а зачем в hover нужен viewportChecker ?
Не нужен, это я пробуя всевозможные варианты, случайно скопировал сюда)
Вот более логичное моё размышление:
jQuery(document).ready(function($) {
        $('.bottom1').addClass('hiddenx').viewportChecker({
            classToAdd: 'visiblex animated bounceInLeft',
            offset: 100,
            repeat: true
        });
        $('.bottom2').addClass('hiddenx').viewportChecker({
            classToAdd: 'visiblex animated zoomIn',
            offset: 100,
            repeat: true
        });
        $('.bottom3').addClass('hiddenx').viewportChecker({
            classToAdd: 'visiblex animated zoomIn',
            offset: 100,
            repeat: true
        });
        $('.bottom4').addClass('hiddenx').viewportChecker({
            classToAdd: 'visiblex animated bounceInRight',
            offset: 100,
            repeat: true
        });
        $('.jshop_categ').addClass('hiddenx').viewportChecker({
            classToAdd: 'visiblex animated fadeInRight',
            offset: 100,
            repeat: true
        });
        $('.zoom1').addClass('hiddenx').viewportChecker({
            classToAdd: 'visiblex animated zoomInLeft',
            offset: 100,
            repeat: true
        });
        $('.zoom2').addClass('hiddenx').viewportChecker({
            classToAdd: 'visiblex animated zoomInLeft',
            offset: 100,
            repeat: true
        });
        $('.zoom3').addClass('hiddenx').viewportChecker({
            classToAdd: 'visiblex animated zoomIn',
            offset: 100,
            repeat: true
        });
        $('.zoom4').addClass('hiddenx').viewportChecker({
            classToAdd: 'visiblex animated zoomInRight',
            offset: 100,
            repeat: true
        });
        $('.zoom5').addClass('hiddenx').viewportChecker({
            classToAdd: 'visiblex animated zoomInRight',
            offset: 100,
            repeat: false
        });
        $('.zoom5').hover(
            function(){
                $(this).removeClass('zoomInRight');
            },
            function(){
                $(this).addClass('rotateIn');
            },
            function(){
                $(this).removeClass('rotateIn');
            }
        );
});


Но при таком варианте, при прокручивании страницы первая анимация вновь начинает работать

Последний раз редактировалось Narahon, 02.04.2015 в 18:11.
Ответить с цитированием