event.wheelDelta returns undefined

by

The event object in a jQuery event handler does not reflect the real event. wheelDelta is a non-standard event propertyIE and Opera, available through the originalEvent property of the jQuery event.

In jQuery 1.7+, the detail property is not available at the jQuery Event object. So, you should also use event.originalEvent.detail to for this property at the DOMMouseScroll event. This method is backwards-compatible with older jQuery versions.

event.originalEvent.wheelDelta

Demo: http://jsfiddle.net/eXQf3/22/
See also: http://api.jquery.com/category/events/event-object/

More Related Contents:

  1. How to check if element is visible after scrolling?
  2. How to disable scrolling temporarily?
  3. Smooth scrolling when clicking an anchor link
  4. Check if a user has scrolled to the bottom (not just the window, but any element) [duplicate]
  5. Scroll Automatically to the Bottom of the Page
  6. How to scroll an HTML page to a given anchor
  7. How can I make a div stick to the top of the screen once it’s been scrolled to?
  8. jQuery load more data on scroll
  9. Prevent BODY from scrolling when a modal is opened
  10. Scroll to an element with jQuery
  11. How to scroll to specific item using jQuery?
  12. Scroll smoothly to specific element on page
  13. prevent Scroll bubbling from element to window
  14. How to do a horizontal scroll on mouse wheel scroll?
  15. How to scroll the window using JQuery $.scrollTo() function
  16. Fade In on Scroll Down, Fade Out on Scroll Up – based on element position in window
  17. Stop fixed position at footer
  18. javascript: detect scroll end
  19. Detect if a page has a vertical scrollbar?
  20. jQuery live scroll event on mobile (work around)
  21. prevent touchstart when swiping
  22. Javascript: do an action after user is done scrolling
  23. How to determine scroll direction without actually scrolling
  24. jQuery load content when scroll to bottom-100px of page, multiple events fired
  25. Disabling middle click scrolling with javascript
  26. jQuery – bind event on Scroll Stop
  27. Choppy/Laggy scroll event on Chrome and IE
  28. Scrolling Overflowed DIVs with JavaScript
  29. Load ajax when scroll reaches 80%
  30. Automatically scroll down chat div

Leave a Comment