Velocity JS 滑动和滚动

Question

所以我在页面上隐藏了一些文本，当我单击按钮时，文本显示为 "transition.slideDownIn' and when a button is clicked the text is hidden again using a "transition.slideDownOut”。问题是 reader留在页面的更下方，我希望将它们打包到滑动 down/up 文本的父 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 调用是正确的。

Velocity JS 滑动和滚动

Velocity JS slide and scroll

javascript

velocity.js