如何获取当前iscroll项目的ID?

时间:2012-06-14 02:31:06

标签: javascript jquery iscroll

当项目进入视口时,我想获取当前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 = new iScroll('wrapper');

任何人都可以帮助我吗? 在此先感谢.....

1 个答案:

答案 0 :(得分:0)

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