How to do a horizontal scroll on mouse wheel scroll?

by

It looks like he’s just mapping the mousewheel event to scrolling the area. In IE, this is really easy by just using the doScroll() method – this will scroll the horizontal bar by the amount the vertical bar would normally scroll by. Other browsers don’t support the doScroll() method, so you have to live with scrolling by an arbitrary amount instead:

var mouseWheelEvt = function (event) {
    if (document.body.doScroll)
        document.body.doScroll(event.wheelDelta>0?"left":"right");
    else if ((event.wheelDelta || event.detail) > 0)
        document.body.scrollLeft -= 10;
    else
        document.body.scrollLeft += 10;

    return false;
}
document.body.addEventListener("mousewheel", mouseWheelEvt);

More Related Contents:

  1. Scroll Function working in reverse order [closed]
  2. How to scroll an HTML page to a given anchor
  3. Trigger event when user scroll to specific element – with jQuery
  4. Keep overflow div scrolled to bottom unless user scrolls up
  5. How to scroll to top of page with JavaScript/jQuery?
  6. prevent Scroll bubbling from element to window
  7. How to load images dynamically (or lazily) when users scrolls them into view
  8. javascript: detect scroll end
  9. jQuery jump or scroll to certain position, div or target on the page from button onclick [duplicate]
  10. Scrolling Overflowed DIVs with JavaScript
  11. .val() don't edit input
  12. Write tags in HTML and print
  13. Any Javascript GURU here to make this Script ? If Anchor is Changed Redirect the Page
  14. jQuery Data vs Attr?
  15. jQuery ID selector works only for the first element
  16. Get class list for element with jQuery
  17. How to disable HTML links
  18. Cross-browser multi-line text overflow with ellipsis appended within a fixed width and height
  19. How to style “input file” with CSS3 / Javascript? [duplicate]
  20. How to get nth-child selector to skip hidden divs [duplicate]
  21. :touch CSS pseudo-class or something similar?
  22. Synchronized scrolling using jQuery?
  23. Multiple Select limit number of selection
  24. Search and Highlight in jQuery
  25. How do I detect the inherited background-color of an element using jQuery/JS?
  26. how to use jQuery ajax calls with node.js
  27. Set Caret Position in ‘contenteditable’ div that has children
  28. Jquery/Javascript Opacity animation with scroll
  29. Validate Dynamically Added Input fields
  30. Does jQuery strip some html elements from a string when using .html()?

Leave a Comment