horizontal scrollbars with slimscroll

Question

I use slimscroll for my scrolling needs and it works great. Now I have need for horizontal scrolling. A quick google search gives me some results to references in the github source code and some issues which indicates that that horizontal scroll support has been added but nowhere I can I find an example. I've looked in the javascript file expecting to find a flag to switch from vertical to horizontal. Helas nothing so obvious. So my question is it possible if yes, how? An example would be greatly appreciated.

can you consider using custom scrollbar -> http://manos.malihu.gr/tuts/jquery_custom_scrollbar.html — raviture, Jul 04 '14 at 09:55

score 8 · Accepted Answer · answered Jul 04 '14 at 10:22

8

The latest version of slimscroll is 1.3.1 (from github repository) and it does not support horizontal scrollbar. Try jQuery Scrollbar or any scrollbar that supports horizontal scrolling from this scrollbar comparison table.

answered Jul 04 '14 at 10:22

Gromo

1,579
1
12
14

thanks for the comparison table. it's a great help!! – bugovicsb Dec 09 '14 at 09:38
1

Actually there is a fork of the jquery slimscroll plugin with horizontal support: https://github.com/lanre-ade/jQuery-slimScroll – sentenza Sep 01 '16 at 08:54

score 1 · Answer 2 · answered Sep 11 '18 at 17:20

1

Now you can atualize your plug-in on the SlimScroll git repository, and just use the code below to instance your slimScroll

$('#testDiv').slimscroll({
    height: 150,
    width: 300,
    axis: 'both'
});

answered Sep 11 '18 at 17:20

Lucas

189
5
35

Zaid Bin Khalid · Answer 3 · 2019-02-21T12:43:29.623

0

Slimscroll with both axes examples using Bootstrap 4.

Click here to see the online working examples.

edited Feb 21 '19 at 12:43

answered Feb 21 '19 at 12:33

Zaid Bin Khalid

600
4
19

score -2 · Answer 4 · answered Jun 16 '15 at 06:11

-2

I implemented ngSlimscroll, the rewritten version of the original slimscroll in AngularJS. It also supports horizontal scrolling. See the demo for example.

answered Jun 16 '15 at 06:11

Jan Kuri

717
9
16

Thanks dude! I have posted a question for you on you on github. – wendellmva Jun 16 '15 at 15:59
I've tried your module, but it broke my CSS. Can't be used without pain. – Gilberto Albino Jul 24 '15 at 13:27
This plugin is poorly built - you cannot scroll without highlighting the contents. – JoeTidee Aug 05 '15 at 18:19
This works great! But one thing - when you resize the window nothing gets adjusted - you should have another option when resizing the window, adjust the scroll settings as well.. at least there should be a watch for height and width parameters. Can you add that? – Jazzer May 04 '16 at 18:30

score -2 · Answer 5 · answered May 13 '16 at 10:19

-2

Did you try adding this code?

$(".content").mCustomScrollbar({
    axis:"x" // horizontal scrollbar
});

$(".content").mCustomScrollbar({
    axis:"yx" // vertical and horizontal scrollbar
});

answered May 13 '16 at 10:19

Sarav

494
1
5
23

horizontal scrollbars with slimscroll

5 Answers5

Linked