如何獲取當前iscroll項目的ID？

Question

我想在項目進入視口時獲取當前iscroll項目的ID。例如：如果元素「G」進入視圖，我怎麼能得到它的ID。 這裏是我的html代碼：

<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：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