Показать сообщение отдельно
  #1 (permalink)  
Старый 06.07.2014, 18:20
Профессор
Отправить личное сообщение для Batyabest Посмотреть профиль Найти все сообщения от Batyabest
 
Регистрация: 14.09.2013
Сообщений: 252

Анимация изображения на JS или как добавить класс при прокрутке
Здравствуйте.
Хочу сделать прокрутку изображения при скроллинге страницы. то есть, когда данный блок появляется на экране, изображение как будто бы прокручивается.
Скрипт такой вот есть, но почему-то не работает. Я так понимаю при прокрутке должен присваиваться класс с нужным стилем.

$('.scroll-animate').each(function () {
		var block = $(this);
		$(window).scroll(function() {
			var top = block.offset().top;
			var bottom = block.height()+top;
			top = top - $(window).height();
			var scroll_top = $(this).scrollTop();
			if ((scroll_top > top) && (scroll_top < bottom)) {
				if (!block.hasClass('animate')) {
					block.addClass('animate');
					block.trigger('animateIn');
				}
			} else {
				block.removeClass('animate');
				block.trigger('animateOut');
			}
		});				
	
	});

Последний раз редактировалось Batyabest, 07.07.2014 в 14:27.
Ответить с цитированием