Prevent "back" and "forward" swipe navigation in Chrome for horizontal scrolling in some element.

hscroll.js

(function ($) {
  $(document).on('mousewheel', function(e) { 
    var $target = $(e.target).closest('.scrollable-h');
    var scroll = $target.scrollLeft();
    var maxScroll = $target.find('.scrollable-h-content').width() - $target.width();

    if(scroll <= 0) {
      // Prevent "back" navigation.
      if(scroll <= 0 && e.originalEvent.wheelDeltaX > 0) {
        e.preventDefault();
      }
    }
    if(scroll >= maxScroll) {
      // Prevent "forward" navigation.
      if (scroll > 1 && e.originalEvent.wheelDeltaX < 0) {
        e.preventDefault();
      }
    }
});}(jQuery));