2016-04-26 50 views
3

我正在尝试为我的应用程序制作一个高度自定义的“滚动条”(更像是一个滚动条的导航栏),但我找不到符合我需求的任何插件。如何使一个div充当滚动条手柄

我的问题是:

  • 什么函数被调用here即拍即window滚动一次红色div翻译? (是$.scrollTop(),如果是这样,我怎么动画吗?)
  • 是否有我没有参与到最终的插件简化了滚动的元素(意为drag-to-scrollarrow key,和/或minimap自定义导航导航支持,最好是水平和垂直w /动量/缓动+反弹)。

我见过IScroll,但它在〜2年后不再支持,并且没有鼠标轮放松和反弹。我错过了什么吗?谢谢您的帮助!

编辑:原来第一个问题是$.scrollTop

回答

-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'); 
    }); 

}); 
+0

这没有滚动导航,它基本上只是一个标签系统。 – Kragalon

+0

你仍然可以删除这些锚点。 –