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

Question

我有以下结构：

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

例如，div开始具有固定的高度和宽度，例如500px x 500px ，而div largediv具有largediv 1000px x 1000px largediv 。 我可以将球移动到500x500px的区域，但是我不知道如何滚动，因此可以更改largediv的位置。 另一件事是start 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;
})

杰斯菲德尔