Middle Mouse Scrolling in Firefox and Internet Explorer


I’m trying to create a responsive Web Application using a mixture of ionic and the foundation framework.
I’m aware ionic has not been created with typical web applications in mind and its purpose built to cater for mobile application.
However I have had a lot of success using the foundation framework grid systems and letting ionic handle the rest of the site.
One item I cant fix is the middle mouse scrolling option in firefox and internet explorer. Meaning the page wont scroll in either of these browsers. Has anyone tackled this problem or can you guys suggest how I might go about fixing it.


The issue here is ion-content the directive responsible for scrolling doesn’t support IE or Firefox. IE doesn’t use the same JS events as other browsers, it’s these events which aren’t being called.

You can try using a polyfill for IE events, but again it’s going to be one of many problems you’ll encounter.


Thanks for the response delta98.
So frustrating considering we are nearly over the line with this.
Unfortunately the scrolling issue is a deal breaker.
I don’t have a lot of experience with poly fill. Can you recommend somewhere to start?


One of the major issues I’ve been aware of is EventListener not been supported in IE and a lot of the events in Ionic use it.

So this might do the job https://github.com/jonathantneal/EventListener

Also try https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills for a wide range of other poly fills