从页面上的任何位置滚动div

Question

我有.mdl-layout__content div overflow-y: scroll。我想要实现的是，当我轻触触摸板或滚动鼠标滚轮时，从身体内的任何位置滚动此div。

以下是我使用jquery mousewheel plugin

所做的事情

    var $target = $('.mdl-layout__content');
    $("body").mousewheel(function(event, delta) {
        event.preventDefault();
        $target.scrollTop($target.scrollTop() - (delta * 5));
    });

问题与此部分(delta * 5)有关。当我使用鼠标滚轮和垂直滑动笔记本电脑的触摸板时，它的速度是不同的。

(delta * 5) - 触控板速度不错，但鼠标滚轮速度非常慢

(delta * 40) - 鼠标滚轮速度不错，但触摸板速度非常快

无论如何检测设备是鼠标还是触摸板并根据此设置delta乘数值？

我做错了什么？如何解决这个问题？