如何滾動較大的div溢出：我隱藏的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