4

現在、画面を下にスクロールすると移動する画像（jQueryで実行）用に持っていますが、特定の時点で停止させたいです。

これは私が現時点で持っているコードです。

$(document).ready(function() {
        var $bagSix = $("#six");
        var $bagEight = $("#eight");
        var $bagTen = $("#ten");
        var $bagTwelve = $("#twelve");

        $(window).scroll(function(){            
                $bagSix
                .stop()
                .animate({"marginTop": ($(window).scrollTop() + 30) + "px"}, "slow" );

        });

                $(window).scroll(function(){            
                $bagEight
                .stop()
                .animate({"marginTop": ($(window).scrollTop() + 30) + "px"}, "slow" );          
        });

                $(window).scroll(function(){            
                $bagTen
                .stop()
                .animate({"marginTop": ($(window).scrollTop() + 30) + "px"}, "slow" );          
        });

                $(window).scroll(function(){            
                $bagTwelve
                .stop()
                .animate({"marginTop": ($(window).scrollTop() + 30) + "px"}, "slow" );          
        });
    });
4

3 に答える 3

3

特定のポイントで停止したい場合は、次のようにします。

var new_top = Math.min($(window).scrollTop() + 30, 500);
$bagSix
.stop()
.animate({"marginTop": new_top + "px"}, "slow" );

これにより、新しいターゲット位置が計算され、ページの上部から 500 ピクセルを超えないようにします。

于 2012-10-21T17:43:19.200 に答える
2

jsBin デモ

$(document).ready(function() {

    var $bags = $("#six, #eight, #ten, #tweleve");

    $(window).scroll(function(){
        var winScrT = $(window).scrollTop();
        if(winScrT < 789 ){           // or what you prefer         
            $bags.stop().animate({marginTop: winScrT+30 }, "slow" );
        }
    });

});

そして、次のようなすべてのバッグにクラスだけを使用しないのはなぜですか:

var $bags = $(".bag");
于 2012-10-21T17:51:56.833 に答える
0

まず、以下を使用して呼び出しを要約します。

$("#image1, #image2, etc.")

次に、関数を編集します。

$(window).scroll(function(){            
    
$images.stop().animate({
        "marginTop": Math.min($(window).scrollTop() + 30, <stopping point>) + "px"}, "slow" );   
 }); 

     

お役に立てば幸い

于 2012-10-21T17:47:17.740 に答える