水平滚动div

Question

我试图使用jquery-mousewhell滚动特定的div。以下是我尝试做的一个例子：

$(".scroll-image").mousewheel(function(event, delta) {
    event.preventDefault();
    $('.scroll-image').scrollLeft -= (delta * 30);
});

https://jsfiddle.net/zbz58hjx/6/

在示例中，我想在鼠标悬停时滚动图像。