Javascript 在用户滚动后触发jquery.animate

我正试图弄明白为什么这个脚本不起作用。 我拥有的是一个隐藏在另一个

div

后面的

div

，需要在用户在页面上滚动后将其设置为动画

这是我的剧本：

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

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

我得到了一个错误，关于你传递的放松值，我可能想研究一下

动画值需要用px值括起来

确保merch有“位置：相对；”在CSS中。没有它，jQuery无法移动元素

---

没有onscrollcomplete功能，但您可以同时使用活动扳手：

var int;

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

---

等待300毫秒，然后启动动画功能，将div拉到页面顶部。

嘿，伙计，请轻弹html，我来看看<代码>：）

var int;

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