我无法正常执行某个功能。我的功能背后的逻辑如下:
我已经弄清楚了在视图中如何执行它,但是如果页面加载并且元素不在视图中,这就是我迷路的地方。
这是我到目前为止所拥有的:
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);
}