如何在View中执行功能,如果滚动到View中则无法执行

时间:2019-09-20 19:18:49

标签: javascript viewport

我无法正常执行某个功能。我的功能背后的逻辑如下:

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

0 个答案:

没有答案