0

所以我试图用 div 复制浏览器滚动条的行为，到目前为止我一无所获，首先让我们看看我的代码jsFiddle和这里​​的实际代码：

(function( $ ) {
    $.widget( "ui.slider", $.ui.mouse,{

    _create: function() {
        this._mouseInit();
    },

    _mouseDrag: function(e) {
        mouseOffset = (e.offsetY / this.element.height()) * 100;
        handleOffset = (e.target.offsetTop / this.element.height()) * 100;

        $(".handle").css("top", (mouseOffset - handleOffset) + "%");        
    }

    });

}( jQuery ) );

如您所见，我正在使用 jquery 小部件来捕获鼠标事件，并且您可以使用当前代码看到它在 jsFiddle 中变得疯狂，我想要实现的是无论您单击滚动条并开始拖动该条都会跟着鼠标走，不要跳下或上跳或跳到中间等等，基本上它应该像在浏览器中一样工作，任何帮助将不胜感激。

4

3 回答 3

1

只是出于好奇，实现滚动条比仅处理内容滚动需要付出更多的努力。

jQuery的滚动条插件对你更有用吗？

于 2013-01-02T22:22:26.867 回答
0

这个也很好用：

https://github.com/mzubala/jquery-custom-scrollbar

并且安装非常简单。

于 2013-10-02T14:37:24.280 回答
0

这是一个很好的滚动条，可以很好地与 DIV 标签配合使用。您可以自定义任何您想要的方式，包括您自己的图形和颜色、尺寸等等。它对我有用，但它是有代价的。

请访问： www.sa-wired.com/scrollbar/plugins.php

祝你好运。

于 2013-04-21T21:06:51.360 回答