trec, вам к врачу, у вас похоже jQuery головного мозга. Подключать целую либу ради одной функции? Про второе назначение микроскопа наверно хорошо наведаны? В IE8 работать не будет:
<!DOCTYPE html>
<head>
<title></title>
<style>
#page{
width: 3200px;
height: 1000px;}
</style>
</head>
<body>
<div id="page">
This document was produced by a group operating under the 5 February 2004 W3C Patent Policy. W3C maintains a public list of any patent disclosures made in connection with the deliverables of the group; that page also includes instructions for disclosing a patent. An individual who has actual knowledge of a patent which the individual believes contains Essential Claim(s) must disclose the information in accordance with section 6 of the W3C Patent Policy.
</div>
<script>
var dragHandler = {
lastClientX: 0,
start: function (e) {
if (e.button == 0) {
window.addEventListener('mousemove', dragHandler.drag);
dragHandler.lastClientX = e.clientX;
e.preventDefault();
}
},
end: function (e) {
if (e.button == 0) {
window.removeEventListener('mousemove', dragHandler.drag);
}
},
drag: function (e) {
var delta = e.clientX - dragHandler.lastClientX;
window.scrollTo(window.scrollX - delta, window.scrollY);
dragHandler.lastClientX = e.clientX;
e.preventDefault();
}
};
document.addEventListener('mousedown', dragHandler.start);
document.addEventListener('mouseup', dragHandler.end);
</script>
</body>