Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.08.2017, 10:06
Интересующийся
Отправить личное сообщение для alekspvn Посмотреть профиль Найти все сообщения от alekspvn
 
Регистрация: 10.08.2017
Сообщений: 19

Запуск анимации progressbar js при скролле к div
Всем привет, мне нужно сделать, чтоб анимация progressbar происходила именно в тот момент если человек доскролил до определённого div блока.
Сейчас как только страница загружается, анимация сразу ж стартует.
https://codepen.io/anon/pen/wqdVPg
Ответить с цитированием
  #2 (permalink)  
Старый 10.08.2017, 10:24
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,791

var $div=$('#target_div'),//Блок, доскроллив до которого анимация должна стартовать.
	inited=false;

$(window).scroll(function(){
	if(inited) return;
	
	var $t=$(this),
		s_top=$t.scrollTop();
	
	if(s_top+$t.height()+50<$div.offset().top)
		return;
	
	/*
	 * Тут твой код.
	 * Еще можно весь твой код затолкать в функцию, а здесь её просто вызвать.
	 * Разницы нет.
	 */
	
	inited=true
});
Ответить с цитированием
  #3 (permalink)  
Старый 10.08.2017, 10:45
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,112

alekspvn,
Подгрузка при прокрутке страницы
Ответить с цитированием
  #4 (permalink)  
Старый 10.08.2017, 11:47
Интересующийся
Отправить личное сообщение для alekspvn Посмотреть профиль Найти все сообщения от alekspvn
 
Регистрация: 10.08.2017
Сообщений: 19

Спасибо большое, работает так как нужно
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Перевод SMIL анимации в JS Black_Star Общие вопросы Javascript 9 14.02.2017 18:25
Поочередное появление дивов в ряд при скролле к определенному диву nina_ jQuery 1 25.11.2016 18:36
Заменить class в div при скролле страницы EvilDoom Общие вопросы Javascript 3 10.10.2014 15:56
При наведении на элемент появление div, положение которого постоянно меняется Poision Элементы интерфейса 5 27.01.2014 19:43
JS Создали div, как при создании повесить событие? фонарик Общие вопросы Javascript 5 02.03.2013 09:33