jquery鼠标滚动控制页面内div 滚动

               $(document).on('mousewheel DOMMouseScroll', onMouseScroll);
                function onMouseScroll(e){
                    // e.preventDefault();
                    var wheel = e.originalEvent.wheelDelta || -e.originalEvent.detail;
                    father2.scrollTop = father1.scrollTop-=wheel;
                    // var delta = Math.max(-1, Math.min(1, wheel) );
                    // if(wheel<0){//向下滚动
                    //     father.scrollTop+=10;
                    // }else{//向上滚动
                    //     father.scrollTop-=10;
                    // }    
                }

 

 

<div id='main'>
        <div id='father1'
            style="width: 400px;height: 600px;position: absolute;z-index: 5;left: 40px;top: 60px;overflow-y: hidden;">
            <div id='leftBlock'
                style="width: 400px;height: 1234px;position: absolute;z-index: 10;">
            </div>
        </div>
        <div id='father2'
            style="width: 400px;height: 600px;position: absolute;z-index: 5;left: 40px;top: 60px;overflow-y: hidden;left:1100px">
            <div id='rightBlock'
                style="width: 400px;height: 1234px;position: absolute;z-index: 10;">
            </div>
        </div>
    </div>  

 

在div内加点背景色验收效果更佳