通過LI元素的相關UL塊

Question

我什至不知道如何表達這個問題...我有2個UL塊，每個塊有10個LI元素，它們總是具有相同數量的元素，即10、160、12等。浮動固定導航，右邊的塊具有內容，我怎么知道知道哪個元素在視圖上，所以在左邊的塊中我添加了一個類作為當前對象

<div class="leftnav">
<ul class="navigation">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
</ul>
</div>

<ul>
   <li>Content 1</li>
   <li>Content 2</li>
   <li>Content 3</li>
   <li>Content 4</li>
   <li>Content 5</li>
   <li>Content 6</li>
</ul>

因此，當用戶向下滾動內容2並顯示導航li時，該類為當前類...當用戶單擊導航時，它將滾動到右側的內容...有人知道如何執行此操作嗎？

Answer 1

基於動態信息，並假設您不想或不想影響標記，怎么辦...。

$(window).on('scroll', handleScroll);

function handleScroll (e) {
  var currentLiIndex;
  $('{second ul} li').each(function (i, e) { 
    // loop through all the second li's, 
    // find which is closest to top of the window but below the scroll
    if ($(e).offset().top > scrollY) {
      currentLiIndex = i;
      return false;
    }
  });

  // clear actives
  $(".navigation li").removeClass('active');

  // target the nav li based on the index of the top function
  // and add active class
  $(".navigation li")[currentLiIndex].addClass('active');
}