Horizontal scrollable angular directive

scrollable.js

angular.module('dk.directives')
.directive('dkscrollable', function () {
    //<div dkscrollable>
    //Handles the scrolling table for the site

    function handleWheel(event) {
        event.currentTarget.scrollLeft += event.wheelDelta * -1;
        event.preventDefault();
    };


    return {
        restrict: 'A',
        multiElement: true,
        link: function (scope, element, attr) {

            var container = element[0];

            container.classList.add("scrollable");

            if ('onwheel' in container) {
                container.addEventListener('wheel', handleWheel, false);
            }
            else {
                container.addEventListener('mousewheel', handleWheel, false);
            }
        }
    };
});

scrollableStyle.css

.scrollable {
    overflow: auto;
    overflow-x: scroll;
    overflow-y: hidden;
    -ms-scroll-chaining: none;
}