jQuery serialScroll/scrollTo 표시 요소에 할당 된 다음 및 이전 단추?

Question

오버플로 : 숨겨진 div 내에 숨겨진 나머지 항목이있는 페이지에 하나의 보이는 항목이 있습니다. 내 다음 버튼과 이전 버튼이 페이지의 보이는 아이템 하나와 관련이 있다면 좋겠다. 문제는 내가 보이는 항목 만 선택할 수있는 방법이 없다는 것입니다. myitem.is (': visible')로 확인해 보았지만 모든 항목이 표시되어 작동하지 않습니다. 오버플로를 통해 표시되지 않습니다. 숨김.

나는 클래스와 serialScroll을 망칠려고했지만 onBefore/onAfter 콜백 주위를 감당하기가 어렵다.

jQuery, serialScroll 또는 Scrollto를 사용하여 보이는 항목을 어떻게 선택할 수 있습니까?

function isVisible(element) { 
    var offset = $(element).offset(); 
    return offset.left + $(element).width() > 0 
     && offset.left < $(element).parent().width() 
     && offset.top + $(element).height() > 0 
     && offset.top < $(element).parent().height(); 
} 

jsFiddle :이 확인

Answer 1

나는 내 길을 배워야했다 scrollTo 콜백을 중심으로. 여기 내가 한 일이있다.

$('#scroller').scrollTo(activeprev, 800, {axis:'xy',onAfter: function(elem){ 
$('.views-row').removeAttr('id','active-row'); 
elem.attr('id','active-row'); 
}} 
); 

scrollTo 플러그인은 새 노드를 활성으로 표시하는 데 사용할 수있는 elem 옵션을 제공합니다.

Answer 2

한 가지 방법은 위치를 가진 요소의 위치를 ​​비교하는 것이다 사업부가에 스크롤 결국 http://jsfiddle.net/XtAT7/