jQuery的定製滾動條

所以我試圖複製瀏覽器滾動條的行爲與div的，到目前爲止我越來越行不通的，首先讓我們來看看我的代碼，jsFiddle，與實際代碼在這裏：jQuery的定製滾動條

(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看到的那樣瘋狂地使用jsFiddle，我想要實現的是無論你點擊哪個滾動條並開始拖動它，隨着鼠標，而不是跳下來或向上或中間等等，基本上它應該以相同的方式在瀏覽器中工作，任何幫助將不勝感激。

來源

2013-01-02 Linas

出於好奇，實現一個滾動條需要比處理滾動內容更多的努力。

您會對scrollbar plugin for jQuery更有用嗎？

來源

2013-01-02 22:22:26

不，我實際上已經完成了大部分工作，我只需要解決這個問題，我會很高興，所以如果你能幫助我，我會非常感激。 – Linas

嘿，我已經試過這個插件，但我似乎無法找到一種方法來放置滾動條處理的底部，默認情況下，它總是在頂部，但我需要它在底部（100％從頂部） – Linas

這裏有一個很好的滾動條，可以很好地與DIV標籤配合使用。你可以自定義任何你想要的方式，包括你自己的圖形和顏色，尺寸和所有。它爲我工作，但它有成本。

檢查它我們的：www.sa-wired.com/scrollbar/plugins.php

好運。

來源

2013-04-21 21:06:51 Michael

這其中也工作得很好：

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

和安裝非常簡單。

來源

2013-10-02 14:37:24 mattie

請注意，[只有鏈接的答案]（http://meta.stackoverflow.com/tags/link-only-answers/info）不鼓勵，所以答案應該是尋求解決方案的終點（vs.而另一個引用的中途停留時間往往會隨着時間推移而過時）。請考慮在此添加獨立的摘要，並將鏈接保留爲參考。 – kleopatra

jQuery的定製滾動條

回答

相關問題