Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Запуск анимации progressbar js при скролле к div (https://javascript.ru/forum/events/70098-zapusk-animacii-progressbar-js-pri-skrolle-k-div.html)

alekspvn 10.08.2017 10:06

Запуск анимации progressbar js при скролле к div
 
Всем привет, мне нужно сделать, чтоб анимация progressbar происходила именно в тот момент если человек доскролил до определённого div блока.
Сейчас как только страница загружается, анимация сразу ж стартует.
https://codepen.io/anon/pen/wqdVPg

Nexus 10.08.2017 10:24

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
});

рони 10.08.2017 10:45

alekspvn,
http://javascript.ru/forum/dom-windo...-stranicy.html

alekspvn 10.08.2017 11:47

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


Часовой пояс GMT +3, время: 12:53.