Scroll inside a div with overflow using jquery (or javascript)

Question

I have a div with a fixed height and overflow-y : scroll which I am loading via ajax. I'm currently looking for a possibility to scroll the content inside the div (using the mouse wheel) but without displaying the scroll bar. Can anyone help?

Possible duplicate - stackoverflow.com/questions/11548072/… — Jay Blanchard
– Jay Blanchard, Commented Feb 14, 2013 at 14:38
You can easily achieve this playing with another parent DIV with overflow:hidden; just hiding the scrollbars beneath the right edge — Roko C. Buljan
– Roko C. Buljan, Commented Feb 14, 2013 at 14:40

Florian F. · Accepted Answer · 2013-02-14 14:50:43Z

1

Another way is to use jquery.mousewheel : https://github.com/brandonaaron/jquery-mousewheel

On mouse wheel, compute scroll urself :

$('.toScroll').on('mousewheel',function(event, delta, deltaX, deltaY){
    if(!$(this).attr('data-scrolltop')){
        $(this).attr('data-scrolltop',0);
    }
    var scrollTop = parseInt($(this).attr('data-scrolltop'));
    scrollTop += (-deltaY * lineHeight);
    $(this).attr('data-scrolltop',scrollTop);
    $(this).scrollTop(scrollTop);
});

I made a Fiddle as a demonstration : http://jsfiddle.net/W2pZB/

The only problem is about the var-fixed line height.

answered Feb 14, 2013 at 14:50

Florian F.

4,70029 silver badges50 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 12:27:03Z

0

You can do it by applying overflow:hidden and after display-none on the scroll-bar using css

And here you can find a same thing in below question .

jQuery: How do I scroll the body without showing the scroll bar?

edited May 23, 2017 at 12:27

CommunityBot

11 silver badge

answered Feb 14, 2013 at 14:40

Suresh Atta

122k38 gold badges206 silver badges315 bronze badges

1 Comment

Suresh Atta Over a year ago

as @jay suggested you can find a working fiddle also .. cheers :)

Collectives™ on Stack Overflow

Scroll inside a div with overflow using jquery (or javascript)

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related