如何获取当前 iscroll 项目的 ID

How to get current iscroll item's id?

本文关键字:iscroll 项目 ID 何获取 获取      更新时间:2023-09-26

我想在项目进入视口时获取当前 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');

谁能帮我?提前感谢.....

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