如何在溢出中滚动更大的div：hidden div

Question

我有以下结构：

<div id="start">
    <div id="largediv">
        <div id="ball"></div>
    </div>
</div>

div开头有例如固定的高度和宽度，如500px x 500px 并且div largediv有1000px x 1000px。我可以在500x500px区域移动球，但我不知道如何滚动，所以我可以改变largediv中的位置。另一件事是启动div已隐藏溢出。 这是jsfiddle http://jsfiddle.net/zander_pope/xd4fb1nz/

Answer 1

您可以使用jQuery mousewheel函数。

$("#start").on("mousewheel", function(e){    
    var scrollTop = $(this).scrollTop(),
        scrollLeft = $(this).scrollLeft();
    $(this).scrollTop(scrollTop+(e.originalEvent.deltaY));
    $(this).scrollLeft(scrollLeft+(e.originalEvent.deltaX));
    return false;
})

Jsfiddle