Prevent scrolling of parent element when inner element scroll position reaches top/bottom? [duplicate]

Answer 1

I was searching for this for MooTools and this was the first that came up. The original MooTools example would work with scrolling up, but not scrolling down so I decided to write this one.

• MooTools 1.4.5: http://jsfiddle.net/3MzFJ/
• MooTools 1.3.2: http://jsfiddle.net/VhnD4/
• MooTools 1.2.6: http://jsfiddle.net/xWrw4/

---

var stopScroll = function (e) {
    var scrollTo = null;
    if (e.event.type === 'mousewheel') {
        scrollTo = (e.event.wheelDelta * -1);
    } else if (e.event.type === 'DOMMouseScroll') {
        scrollTo = 40 * e.event.detail;
    }
    if (scrollTo) {
        e.preventDefault();
        this.scrollTo(0, scrollTo + this.scrollTop);
    }
    return false;
};

Usage:

(function)($){
    window.addEvent('domready', function(){
        $$('.scrollable').addEvents({
             'mousewheel': stopScroll,
             'DOMMouseScroll': stopScroll
        });
    });
})(document.id);