javascript - JS距离滚动位置最近的li

Question

我的页面中有一个列表(#js-list-scroll)，列表中的某些项目(li)有一个类“itemPage”，我想要实现的是当用户滚动时，我想找到距离滚动位置最近的“itemPage”。
像这样的事情:

$(window).scrollTop().closest('.itemPage');

优素福

Answer 1

您需要循环所有列表并将位置与当前滚动位置进行比较。像这样的东西:

var scrollTop = $(window).scrollTop();
$('li.itemPage').each(function() {
  var top = $(this).position().top;
  if (top > scrollTop) {
    // This is the first li which is visible - do something with it

    return false; // Stop the .each loop from continuing
  }
});