The code for the anti-bubble and block default behavior of the wheel event (the effect is to have the current div scroll only, even if the current document does not scroll)

Source: Internet
Author: User

Use Firefox variables to represent Firefox agents
var Firefox = navigator.userAgent.indexOf (' Firefox ')! =-1;
function MouseWheel (e) {//block event bubbling and the default behavior of the full compatibility code
E = e| | window.event;
if (e.stoppropagation) {//This is to cancel bubbling
E.stoppropagation ();
} else{
E.cancelbubble = true;
};
if (E.preventdefault) {//This is the cancellation of the default behavior, it is not one thing to be clear about canceling the default behavior and bubbling
E.preventdefault ();
} else{
E.returnvalue = false;
};
}
var con = document.getElementById (' content ');//To scroll inside the content, and the page is not affected, so here gets the object to scroll
If FF binds the Dommousescroll event, the other browser is triggered with the OnMouseWheel event
Firefox? Con.addeventlistener (' Dommousescroll ', Mousewheel,false): (Con.onmousewheel = MouseWheel);

The anti-bubble, block default behavior of the wheel event code (effect: only the current Div scrolls, even the current document does not scroll)

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.