현재 iscroll 항목의 ID를 가져 오는 방법은 무엇입니까?

Question

항목이 뷰포트에있을 때 현재 iscroll 항목의 ID를 가져 오려고합니다.

예 : 요소 "G"가보기에 있으면 어떻게 얻을 수 있습니까?

<div id="wrapper"> 
    <ul> 
    <li id='a'>A</li> 
    <li id='b'>B</li> 
    <li id='c'>C</li> 
    <li id='d'>D</li> 
    <li id='e'>E</li> 
    <li id='f'>F</li> 
    <li id='g'>G</li> 
    </ul> 
</div> 

그리고 내 JS : 여기 내 HTML 코드입니다 var에 myScroll = 새로운 iScroll ('래퍼');

아무도 도와 줄 수 있습니까? 미리 감사드립니다 .....

Answer 1

var myScroll = new iScroll("wrapper", { 
    hScroll : false, 
    vScroll : true, 
    snap : 'li', 
    momentum : true, 
    hScrollbar : false, 
    vScrollbar : false, 
    onScrollEnd: function() { 
     var elementIndex = Number(this.currPageY); 
     var scrollerElem = $("#wrapper").children()[0]; 
     var itemId = $(scrollerElem)[0].children[elementIndex].id; 
     console.log(itemId); 
    } 
}); 
// Hope This Helps