如何使一個div充當滾動條手柄

Question

我正在嘗試爲我的應用程序製作一個高度自定義的「滾動條」（更像是一個滾動條的導航欄），但我找不到符合我需求的任何插件。

我的問題是：

• 什麼函數被調用here即拍即window滾動一次紅色div翻譯？ （是$.scrollTop()，如果是這樣，我怎麼動畫嗎？）
• 是否有我沒有參與到最終的插件簡化了滾動的元素（意爲drag-to-scroll，arrow key，和/或minimap的自定義導航導航支持，最好是水平和垂直w /動量/緩動+反彈）。

我見過IScroll，但它在〜2年後不再支持，並且沒有鼠標輪放鬆和反彈。我錯過了什麼嗎？謝謝您的幫助！

編輯：原來第一個問題是$.scrollTop。

Answer 1

試試這個，好像你正在尋找：

http://codepen.io/blyk/pen/JGtfd

$(document).ready(function(){ 

    $("div").mouseenter(function(){ 
    var id = $(this).attr('id'); 
    $('a').removeClass('active'); 
    $("[href=#"+id+"]").addClass('active'); 
    }); 

});