javascript - 激活滚动功能

标签 javascript jquery html css slider

我想构建一个类似 Tumblr 的 slider ( http://www.tumblr.com/ ),当浏览器检测到滚动尝试时它会做一些事情,在我的例子中它将运行一个函数。

我可以使用$(window).scroll(function(){/* ... */});,但它不能正常工作(它会太快)。我该怎么做才能一次允许一个滚动然后停止它 2 秒以让它完成动画?

谢谢。

最佳答案

您可以在超时后应用您的动画。

var t = 0;

$(window).scroll(function(){
    if(timer==0){timer=1;setTimeout(yourFunc,2000);}
});

function yourFunc(){
    //your animations there
    timer=0;
}

关于javascript - 激活滚动功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29327908/

相关文章:

javascript - jquery mouseup 无法正常工作

javascript - HTML 选择选项值

database - Wordpress CMS 和数据库的新功能

javascript - 如何模拟和测试 Axios 拒绝的 promise ?

javascript - 在 D3 中双击更改节点的颜色

javascript - Bootstrap 日期时间选择器显示

javascript - 哪个元素影响我的 jquery 下拉菜单的定位 --> 使其正确

javascript - 使用javascript代理拦截方法调用时进行非法调用

javascript - 颜色变化的径向动画

jQuery 轮播卡住(Twitter Bootstrap)