【问题标题】:How to make a div act as a scrollbar handle如何使 div 充当滚动条句柄
【发布时间】:2016-04-26 06:18:59
【问题描述】:

我正在尝试为我的应用程序制作一个高度定制的“滚动条”(更像是一个滚动的导航栏),但我找不到任何适合我需要的插件。

我的问题是:

  • 当红色的div 被翻译后,正在调用什么函数here 使window 滚动? (是$.scrollTop(),如果是的话,我该如何制作动画?)
  • 是否有一个我不知道的终极插件可以简化可滚动元素的自定义导航(意思是drag-to-scrollarrow key 和/或minimap 导航支持,最好水平和垂直 w/ 动量/缓动 + 反弹)。

我见过IScroll,但它在大约 2 年内不再受支持,并且缺少鼠标滚轮的缓动和反弹功能。我错过了什么吗?感谢您的帮助!

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

【问题讨论】:

    标签: javascript jquery html scrollbar navigationbar


    【解决方案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');
       });
    
    });
    

    【讨论】:

    • 这个没有滚动导航,它基本上只是一个标签系统。
    • 您仍然可以删除这些锚点。
    猜你喜欢
    • 2020-04-02
    • 2019-01-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-03-10
    • 2021-05-07
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多