Вот вам типа кроссбраузерный вариант. 
| Код |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
var wDelta = 120;
function scrollDoc(e) {
if (!e) e = event;
if (e.preventDefault) { e.preventDefault(); } else { e.returnValue = false; }
var __delta = e.wheelDelta || -e.detail;
__delta /= Math.abs(__delta);
document.documentElement.scrollLeft -= __delta * wDelta; // FF, Opera, IE
if (this.attachEvent) return false;
document.body.scrollLeft -= __delta * wDelta; // Chrome
}
window.onload = function() {
var html = document.documentElement;
if (html.attachEvent) {
html.attachEvent("onmousewheel", scrollDoc); // IE and Opera
} else {
html.addEventListener("DOMMouseScroll", scrollDoc, false); // FF
html.addEventListener("mousewheel", scrollDoc, false); // Chrome
}
}
</script>
</head>
<body>
<div style="width:2500px; background:red; height:2500px;"></div>
</body>
</html>
|
|
