Пример анимаций:
vk.com/wall-63410966_21582
Интересует следующее, каким образом пишут JS-код, чтобы запускать анимации для каких-то элементов на каких-то страницах, когда они загружены, либо мы пролистываем страницу до этого элемента? Интересует конкретно структуризация кода, для его дальнейшей поддержки, ведь писать что-то типа:
$( document ).ready(function() {
$('.selector').addClass('fadeIn animated');
$('.selector2').addClass('bounce animated');
$('.selector3').addClass('jump animated');
});
не особо верно, к тому же, если все селекторы, используемые в скрипте, лежат на разных страницах, где-то их надо запускать, где-то это не имеет смысла.
Как вообще грамотно написать свой js-файл анимаций, чтобы все было аккуратно с возможностью поддерживать этот код?
