Mike_Ro
@Mike_Ro
Войти в АйТи...

Как сделать появление элементов при прокрутки до них окна браузера?

Привет! Появился задача, но решить не получается:
На многих сайтах замечал следующую картину. Мы прокручиваем окно браузера в низ и как только мы достигаем определенного div, в этом divb плавно появляются блоки с текстом. Вот пример c2n.me/3iVlTTV ( theme.co/x ). Вот как сделать такое появление именно в момент того, как только мы достигаем этого блока, а не сразу при загрузке страницы?
Может кто поможет?
Спасибо! =)
  • Вопрос задан
  • 508 просмотров
Решения вопроса 2
kn1ght_t
@kn1ght_t
основная идея в том, чтобы у нужного элемента (который надо анимировать) получать высоту (смещение) от начала страницы
затем получать высоту экрана и смещение верха экрана от верха страницы
ну и сравнивать эти значения

примерно так jsfiddle.net/wrqnw8dd/1
Ответ написан
userAlexander
@userAlexander
Верстка наше все)
$('.elem') это элемент на который добавим класс, elem-active это добавляемый класс, а от него уже прописываем нужные стили.
var targetElem = $('.elem');
var targetElemPos = targetElem.offset().top;
$(window).resize(function(){
	targetElemPos = targetElem.offset().top;
});
$(window).scroll(function(){
	var scrolledAtop = $(this).scrollTop();
	if(scrolledAtop > targetElemPos){
		targetElem.addClass('elem-active');
	}
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Adlogic Systems Ростов-на-Дону
от 40 000 ₽
АвтоЗС Набережные Челны
от 30 000 до 35 000 ₽
20 окт. 2020, в 22:57
5000 руб./за проект
20 окт. 2020, в 21:37
300000 руб./за проект
20 окт. 2020, в 21:18
500 руб./за проект