使用css和jquery的可滾動div

Question

我想爲我的div製作自定義滾動條。我寫了一些代碼，但它不能正常工作。首先它是在mousemove上。這應該像其他卷軸作品一樣工作。 Fiddle

這裏是代碼

var height = $('.frm').height(), 
overflowHeight= $('.overflow').height();  
var finalheight = overflowHeight-height; 
$('.tab').mousemove(function(e){ 
var top= parseInt($('.tab').css('top')); 
var ac= top; 
$('.overflow').css({top:-ac}) 
var y= e.pageY; 
$(this).css({top:y})  

Answer 1

我改變你的代碼一點點，

var height = $('.frm').height(), 
overflowHeight= $('.overflow').height();  
var finalheight = overflowHeight-height; 

$('.scroll').mousemove(function(e){ 
    var top= parseInt($('.tab').css('top')); 
    var ac= top; 
    $('.overflow').css({top:-ac}) 
    var y= e.clientY; 
    $(".tab").css({top:y}) 
}); 

小提琴http://jsfiddle.net/v6qsu/2/

也有是可用的，你可以使用自定義的滾動，像許多圖書館jscrollpane

http://jscrollpane.kelvinluck.com/