Locks the mousewheel scrolling functionality to a particular element. This version also handles horizontal scrolling (that is, spinning the mouse wheel while holding the shift key).

jquery-scrolllock.js

$.fn.scrollLock = function () { return $(this).on("DOMMouseScroll mousewheel", function (h) { var g = $(this), s = h.shiftKey, f = (s ? this.scrollLeft : this.scrollTop), d = (s ? this.scrollWidth : this.scrollHeight), b = (s ? g.width() : g.height()), i = h.originalEvent.wheelDelta, a = i > 0, c = function () { h.stopPropagation(); h.preventDefault(); h.returnValue = false; return false }; if (!a && -i > d - b - f) { if (s) { g.scrollLeft(d); } else { g.scrollTop(d); } return c() } else { if (a && i > f) { if (s) { g.scrollLeft(0); } else { g.scrollTop(0); } return c() }}})}; $.fn.scrollRelease = function () { return $(this).off("DOMMouseScroll mousewheel") };