Velocity JS幻灯片和滚动

时间:2015-03-24 16:14:23

标签: javascript velocity.js

所以我在隐藏的页面上有一些文本,当我点击一个按钮时,文本显示为" transition.slideDownIn'当单击一个按钮时,使用" transition.slideDownOut"再次隐藏文本。问题是读者被放在页面的下方,我希望它们能够被打包到文本的父div中,该文本是向下/向上滑动的,理想情况下与slideDownOut同时进行动画处理。我尝试了几种不同的东西(队列等),但我似乎无法弄清楚我做错了什么。我是否正确接近问题或滥用这些功能?

以下是我最近的尝试。

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

1 个答案:

答案 0 :(得分:1)

如果您想要完成的只是在转换后向上滚动,那么请执行以下操作:

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

假设您scroll来电正确。