javascript - 用户滚动后触发 jquery .animate

Question

我想弄清楚为什么这个脚本不起作用。 我有一个 div 隐藏在另一个 div 后面，需要它在用户滚动页面后动画起来。

这是我的脚本:

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

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

Answer 1

$(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 无法移动元素