Binding to scroll event in IE11 and IE10 doesn't work on horizontal scroll bar

Hello,

I am having a strange issue in Internet Explorer 11 and 10 when I am trying to bind to a horizontal scroll bar using jQuery. The scroll event is fired when dragging the scroll bar but when clicking the horizontal left and right arrows the event isn't fired. The event fires as expected when the are clicked on the vertical scroll bar.

Here is a JS Fiddle to demonstrate the issue: https://jsfiddle.net/Lkb91xtq/1/

The above will work on Edge, Chrome, Firefox etc. but not IE 10 or IE 11. 

Is this an issue with IE? Is there a workaround for the issue?