Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #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.
Ответить с цитированием
  #2 (permalink)  
Старый 07.07.2014, 12:56
Профессор
Отправить личное сообщение для Batyabest Посмотреть профиль Найти все сообщения от Batyabest
 
Регистрация: 14.09.2013
Сообщений: 252

Подскажите, как добавить класс элементу при его появлении в видимой области экрана?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Прокрутка скроллинга js dannogo Общие вопросы Javascript 3 13.03.2014 17:45
JS + CSS Под загрузка фонового изображения XboxPro Элементы интерфейса 0 14.11.2012 11:16
Js копирование изображения Severtain Общие вопросы Javascript 10 03.07.2011 08:01
Прокрутка на JS flash_uz Элементы интерфейса 2 25.08.2009 10:18
Нужно изменить направление JS (прокрутка текста) Axel Общие вопросы Javascript 2 18.04.2009 23:34