Как выполнить функцию, если в представлении, если не выполнить при прокрутке в представлении - PullRequest
0 голосов
/ 20 сентября 2019

У меня проблемы с получением функции для правильного выполнения.Моя логика функции заключается в следующем:

  1. Если страница загружается и элемент отображается, выполните функцию.
  2. Если элемент не отображается, выполните функциюкогда пользователь прокручивает его в поле зрения.

Я выяснил, как выполнить его, когда отображается, но если страница загружается, а элемент не отображается, я теряюсь,

Вот что у меня есть:

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