Javascript 如何设置鼠标滚动的转换_Javascript_Jquery_Html_Scroll_Mouse

Javascript 如何设置鼠标滚动的转换

javascript jquery html scroll

Javascript 如何设置鼠标滚动的转换,javascript,jquery,html,scroll,mouse,Javascript,Jquery,Html,Scroll,Mouse,我想添加转换到我的网页与自定义滚动我跳过线在一个比正常速度快。我的代码如下： <html> <head> <script> var MOUSE_WHEEL_GAIN = 1000; function OnMouseWheel() { window.scrollTo(0, document.body.scrollTop - event.wheelDelta/120 * MOUSE_WHEEL_GAIN); var e = window.eve

我想添加转换到我的网页与自定义滚动我跳过线在一个比正常速度快。我的代码如下：

<html>

<head>

<script>

var MOUSE_WHEEL_GAIN = 1000;

function OnMouseWheel() {

  window.scrollTo(0, document.body.scrollTop - event.wheelDelta/120 * MOUSE_WHEEL_GAIN);

  var e = window.event;
  e.returnValue = false;
  e.cancelBubble = true;
  return false;

}

</script>

<head>

<body ONMOUSEWHEEL="OnMouseWheel()">

<script>
for (i=0;i<20;i++) document.write("<p>" + i + " Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>");
</script></body></html>

我希望代码使滚动显示为平滑过渡。Javascript是一种方式还是应该使用其他方式

利用DOM-L3进行此操作的最有效的计算方式：

//HTML BLOCK
<canvas onmousemove="TrackMouse(event)"></canvas>

//JS BLOCK
function TrackMouse(e){
        window.scrollBy(e.webkitMovementX, e.webkitMovementY);
}