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 = new iScroll（'wrapper'）;

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

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

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

1 个答案: