Javascript.RU

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

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



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

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


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