Off canvas scrolling issue with IE

Question

I am working with a Joomla 3 website and experiencing some issues with the scrolling functionality of an off-canvas sidebar.

It works fine in Chrome and FF, however in IE the visible scroll bar won't scroll when you try move it by clicking your pointer and dragging. It works if you scroll with the mouse wheel, but not the cursor.

The website can be seen here. It's the slide in menu to the right.

Is it a css or javascript issue?

I have contacted the developers of the template and I'm awaiting a response. Just wondering if anybody else can shed some light as to why it won't work?

Any help is appreciated.

It seems like the main scroll bar is over the menu scrollbar. — Anthony, Mar 21 '16 at 14:07
This [stackoverflow question](http://stackoverflow.com/questions/17045132/scrollbar-overlay-in-ie10-how-do-you-stop-that) should help. — Anthony, Mar 21 '16 at 14:15

score 1 · Accepted Answer · edited May 23 '17 at 11:50

1

As mentioned here in stefan.s answer, all you have to do is add -ms-overflow-style: scrollbar; to the html element.

edited May 23 '17 at 11:50

Community

1
1

answered Mar 21 '16 at 14:19

Anthony

1,339
1
17
35

It should be the `html` element. – Anthony Mar 21 '16 at 14:23
Add: `html { -ms-overflow-style: scrollbar; }` – Anthony Mar 21 '16 at 14:40
1

Thanks I got it by adding `body.off-canvas-effect-4.off-canvas-right.off-canvas-open { -ms-overflow-style: scrollbar !important; }` – jonboy Mar 21 '16 at 14:42

Off canvas scrolling issue with IE

1 Answers1