Velocity JS 滑动和滚动答案

【问题标题】：Velocity JS slide and scrollVelocity JS 滑动和滚动
【发布时间】：2015-03-25 19:59:45
【问题描述】：

所以我在隐藏的页面上有一些文本，当我单击按钮时，文本会显示为“transition.slideDownIn”，当单击按钮时，文本会再次使用“transition.slideDownOut”隐藏。问题是读者在页面的下方，我希望它们被打包到向下/向上滑动的文本的父 div，理想情况下与 slideDownOut 同时动画。我尝试了几种不同的东西（队列等）但我似乎无法弄清楚我做错了什么。我是在错误地解决问题还是滥用功能？

以下是我最近的尝试。

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

【问题讨论】：

标签： javascript velocity.js

【解决方案1】：

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

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

假设您的scroll 呼叫是正确的。

【讨论】：

谢谢。这就是我要找的。我还遇到了父容器上的 CSS 溢出问题，这也导致计算滚动高度的问题。