У меня проблемы с получением функции для правильного выполнения.Моя логика функции заключается в следующем:
- Если страница загружается и элемент отображается, выполните функцию.
- Если элемент не отображается, выполните функциюкогда пользователь прокручивает его в поле зрения.
Я выяснил, как выполнить его, когда отображается, но если страница загружается, а элемент не отображается, я теряюсь,
Вот что у меня есть:
function slideLeftAnim() {
//some code to animate letters
}
//Function to detect element is in view
function isInView(e){
var dViewTop = $(window).scrollTop();
var dViewBottom = dViewTop + $(window).height();
var eTop = $(e).offset().top;
var eBottom = eTop + $(e).height();
return ((eBottom <= dViewBottom) && (eTop >= dViewTop));
}
//function that I'm having trouble with
if (isInView('.slideLeftText') === true){
slideLeftAnim();
} else if (isInView('.slideLeftText') === false){
$(window).bind('scroll', inViewCheck);
}