jquery - 如果滚动距离大于一半 img 宽度，如何使滚动距离向右滚动到下一个？

Question

如果滚动距离大于一半 img 宽度，如何使滚动距离向右滚动到下一个？（类似这个）
谁能告诉我一些线索怎么做？
我应该先存储每个项目 scrollLet 值相关的索引吗？

var startx, stopx;
$('.scroll').bind("scrollstart",function() {
    // console.log("Scroll Start");
    // console.log($(this).scrollLeft());
    startx = $(this).scrollLeft();
    return startx;
}); 
$('.scroll').bind("scrollstop",function() {
    // console.log("Scroll Stopped");
    // console.log($(this).scrollLeft());
    stopx = $(this).scrollLeft();
    if((stopx - startx)> 400){
        console.log('next');
    }else{
        console.log('stay');
    }
}); 

HTML CSS

<div class="scroll">
    <img><img><img>
</div>
.scroll{overflow:hidden;overflow-x:scroll;}
img{width:800px;float:left;}

Answer 1

$('.scroll').bind("scrollstop",function() {
    // console.log("Scroll Stopped");
    // console.log($(this).scrollLeft());
    stopx = $(this).scrollLeft();
    var dist = (stopx - startx);
    $(this).animate({'scrollLeft':Math.round(dist/800) * 800+'px'},500);
})