jQuery ScrollTo和LocalScroll使變量脫離點擊鏈接

Question

使用scrollTo和localScroll來瀏覽頁面，並需要確定單擊了哪個鏈接以在回調函數中使用。 我已經挖掘了每個資源的來源，無法理解如何提取它們。

我確定地發現， $(this)引用了body元素。 謝謝你的幫助！

這是我的功能：

$('nav').localScroll({
    duration: 500,
    easing:'easeOutSine',
    axis:'xy',
    onAfter: function(){
        /* This is where I need to identify the anchor that was clicked*/
        var test = $(this);
        console.log(test);
    }
});

HTML：

<nav>
  <ul>
    <li><a href="#one" class="active">One</a></li>
    <li><a href="#two">Two</a></li>
    <li><a href="#three">Three</a></li>
    <li><a href="#four">Four</a></li>
    <li><a href="#five">Five</a></li>
    <li><a href="#six">Six</a></li>
  </ul>
</nav>

Answer 1

啟用hash選項后，這可能會很有用： JQuery> ScrollTo>突出顯示已滾動到的項目 。

其他解決方案是向所有鏈接添加另一個click事件，並設置變量/屬性，您稍后可以在onAfter回調中閱讀。