3

このスクリプトが機能しない理由を理解しようとしています。私が持っているのはdiv別の背後に隠れてdivおり、ユーザーがページをスクロールした後にアニメーション化する必要があります。

これは私のスクリプトです：

$(document).scroll(function(){   
    var top = $(document).scrollTop();

    if (top > 50) {        
      $('#merch').animate({ bottom: 200 }, 
        {duration: 1000, easing: 'easeOutBounce'});         
        }        
    else {
      $('#merch').slideDown();
    }        
});
4

2 に答える 2

0 
$(document).scroll(function(){   
var top = $(document).scrollTop();

if (top > 50) {        
  $('#merch').animate({ top: '500px' }, 
    {duration: 1000});        
    }        
else {
  $('#merch').slideDown();
}        });
  1. あなたが渡しているイージング値で、それを調べたいと思うかもしれないというエラーが発生しています。
  2. アニメーション値は、px 値で引用符で囲む必要があります
  3. 商品に「position: relative;」があることを確認してください CSSで。それがなければ、jQuery は要素を移動できません
于 2012-10-18T20:40:33.307 に答える
-1

onscrollcomplete 関数はありませんが、モンキー レンチを一緒に使用できます。

var int;

$(window).scroll(function(){
    clearTimeout(int);
    int = setTimeout(function(){
        //animation here
    }, 300);
});

300 ミリ秒待ってから、アニメーション関数を起動して、div をページの上部に移動します。

于 2012-10-19T00:48:37.303 に答える