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

ここでは、DIVタグとうまく機能する優れたスクロールバーがあります。独自のグラフィックや色、サイズなど、好きなようにカスタマイズできます。それは私にとってはうまくいきましたが、コストがかかります。

www.sa-wired.com/scrollbar/plugins.phpで確認してください。

幸運を。

于 2013-04-21T21:06:51.360 に答える
0

これもかなりうまく機能します：

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

インストールは非常に簡単です。

于 2013-10-02T14:37:24.280 に答える