javascript - 使用 css 和 jquery 的可滚动 div

Question

我想为我的 div 制作自定义滚动。我已经写了一些代码，但它不能正常工作。首先它在 mousemove 上。这应该像其他滚动作品一样工作。小提琴

这是代码

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/