scrollable div using css and jquery

Question

I want to make custom scroll for my div. I have write some code but it is not working fine. First of all it is on mousemove . This should be work like other scroll works. Fiddle

here is code

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})

Parthik Gosar · Accepted Answer · 2013-05-29 18:02:46Z

1

I changed your code a little,

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})  
});

Fiddle http://jsfiddle.net/v6qsu/2/

Also there are many libraries available which you could use for custom scrolling , like jscrollpane

http://jscrollpane.kelvinluck.com/

answered May 29, 2013 at 18:02

Parthik Gosar

11.7k3 gold badges27 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Jitender Over a year ago

plugins are too heavy. I just want to make my own with the help of your

Collectives™ on Stack Overflow

scrollable div using css and jquery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related