javascript - Velocity JS 滑动和滚动

Question

因此，我在页面上有一些隐藏的文本，当我单击按钮时，文本会通过“transition.slideDownIn”显示，而当单击按钮时，文本会使用“transition.slideDownOut”再次隐藏。问题是读者被留在页面的更下方，我希望它们被打包到向下/向上滑动的文本的父 div，理想情况下与 SlideDownOut 同时进行动画处理。我尝试了几种不同的方法(队列等)但我似乎无法弄清楚我做错了什么。我是否错误地处理了问题或滥用了功能？

以下是我最近的尝试。

   $read_close.velocity('transition.slideDownOut', 1000, function() {
     $('#services').velocity("scroll", {duration:1000, easing: "spring"} );
   });

Answer 1

如果您希望完成的只是在转换后向后滚动，则执行以下操作:

$read_close.velocity(
    'transition.slideDownOut',
    {duration: 1000,
     complete: function () {
         $('#services').velocity('scroll', {duration:1000, easing: "spring"});
     }});

假设您的 scroll 调用正确。