How to make a div scrollable using jquery

Question

I have only one list div and I want to make it scrollable. I have seen scrollpane examples, it's great but I am looking for an smaller simpler alternative.

I appreciate any help.

Thanks.

have you already written some code to see? Are you trying to scroll an
inside a shorter
? — , Nov 19 '10 at 15:24
Maybe try the smallest and simplest solution: css `overflow: auto;` combined with fixed height or width. — pawel, Nov 19 '10 at 15:27
@pawel I also get a greyed out horizontal scroll which messes other elements on the page. — Josh R, Nov 19 '10 at 15:44

score 3 · Accepted Answer · answered Nov 19 '10 at 15:25

3

Don't think you need jquery, just add style="overflow:auto;" to the div.

answered Nov 19 '10 at 15:25

Adam

619
1
4
19

score 1 · Answer 2 · answered Jul 05 '17 at 04:40

1

For Future readers ...

If jQuery is must then you can do this by :

// Any one accordingly ...

$('#yourIdForDiv').attr('overflow','auto');
$('#yourIdForDiv').attr('overflowy','scroll');
$('#yourIdForDiv').attr('overflowx','auto');

answered Jul 05 '17 at 04:40

Pramesh Bajracharya

2,153
3
28
54

If you'd like to overflow without jquery, keep in mind you can also specify the x&y axis using `"overflow-y:scroll; overflow-x:auto` as an example. Note the "-" as a difference from the jQuery property. – Kenny Powers Jan 05 '18 at 06:55

How to make a div scrollable using jquery

2 Answers2