3

私はこのコードを使用しており、上から下に正しく移動していますが、一度ではなく継続的に移動したいです。ありがとう！！

    $(document).ready(function(){
     var bodyHeight = $('body').height();
     var footerOffsetTop = $('#moving').offset().top;
     var topToBottom = bodyHeight -footerOffsetTop;
     $('#moving').css({top:'auto',bottom:topToBottom});
     $("#moving").delay(100).animate({
     top: '100px',
     }, 3000);  
    })
4

2 に答える 2

1 
$(document).ready(function() {
    setInterval(function(){
        var bodyHeight = $('body').height();
        var footerOffsetTop = $('#moving').offset().top;
        var topToBottom = bodyHeight - footerOffsetTop;
        $('#moving').css({
            top : 'auto',
            bottom : topToBottom
        });
        $("#moving").delay(100).animate({
            top : '100px',
        }, 3000);       
    }, 3200);
})
于 2013-01-28T11:42:23.447 に答える
0

これを試して：

$(document).ready(function() {
    var bodyHeight = $('body').height();
    var footerOffsetTop = $('#moving').offset().top;
    var topToBottom = bodyHeight - footerOffsetTop - $('#moving').outerHeight();

    $("#moving").animate({
        top : topToBottom,
    }, 3000);
});

デモ - http://jsfiddle.net/c9db5/

ここはまったく必要ありませんsetInterval。画面の高さからdivの高さを引いた#movingものを計算するだけで、一度にアニメーション化できます。

于 2013-01-28T14:10:34.917 に答える