0

次へスクロールするよりも、スクロール距離が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;}
4

1 に答える 1

0 
$('.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);
})
于 2013-07-15T11:18:22.717 に答える