速度无限循环事件

时间:2015-12-28 04:21:28

标签: javascript jquery css velocity

前夕,

我在这里遇到一些onScroll事件的问题:

http://codepen.io/JTBennett/pen/bEwmmJ

window.onscroll = function() {myFunction()};

function myFunction() {
    if (document.body.scrollTop > 30 || document.documentElement.scrollTop > 30) {
        /*
        $(".flower").velocity(
            "transition.expandIn", 
            {stagger: 0, duration:2000}
        ).delay(4000) 
        */
        $(".petal").velocity(
            "transition.expandIn", 
            {stagger: 25, drag:true, backwards:false, duration:2000}
        ).delay(4000) 
    } else {
    }
}

那里的一切都正常运作,但我的事件处理程序继续循环,我真的只希望它执行一次。我对javascript比较陌生,几个小时前我才开始搞乱速度 - 我非常感谢你们的帮助!

我试过了return false;,但似乎并不理解。我想我应该用不同的处理程序触发事件并停止尝试关注滚动条的位置,但如果我能让它工作,这对我来说会更快。

感谢您花时间阅读本文!

0 个答案:

没有答案