뷰포트에 div가 나타나는 경우 위로 스크롤

Question

이 기술에 대한 온라인 리소스를 찾기가 어렵습니다.

내 JSFiddle에서 사용자는 '다음'또는 '이전'을 사용하여 전체 화면 div를 순환 할 수 있습니다. 사용자는 다음 또는 이전 div로 이동하기 위해 스크롤 할 수도 있습니다.

내 문제는 사용자가 스크롤하면 전체 화면 div를 뷰포트에 맞추기가 어렵 기 때문에 사용자가 화면의 div를 대부분 차지하는 경우 자동으로 스크롤하여 상단의 뷰포트가있는 div.

내 JSFiddle에는 뷰포트에 요소가 있는지 감지하는 스크립트가 포함되어 있지만 if 문을 추가하는 방법을 파악할 수 없습니다. div가 뷰포트에 들어 왔을 때 .scrollTo을 사용하여 화면 상단으로 나누십시오.

Answer 1

당신은 jQuery inview

그런 일이 실행처럼 scrollTo를 사용할 수 있습니다 창뿐만 아니라 크기를 조정할 때

$(elm).bind('inview', function(event, visible) { 
    if (visible) { 
    scrollTo(); 
    } else { 
    } 
}); 

은 아마이 실행하려면 :

var timerDelay = (function(){ 
    var timer = 0; 
    return function(callback, ms){ 
    clearTimeout (timer); 
    timer = setTimeout(callback, ms); 
    }; 
})(); 



$(window).resize(function() { 
    timerDelay(function(){ 

    //run inview function 

    }, 500); 
});