javascript - 动画只有一种方式

标签 javascript jquery

我有以下代码: http://jsbin.com/havesixufo/edit?html,output

只有向下滚动才有效,但向上滚动时,div 会得到 2 个类,而不是 1 个。您可能会说,只需反转向下滚动时所做的操作,但不起作用。

最佳答案

将 UP 部分中的 if block 代码更改为下面的

if(bottom >= prevElement.center.bottom && bottom <= element.top.top){
    prevElement.target.addClass('center').removeClass('bottom');
}
if(stCenter <= element.top.center && bottom >= prevElement.center.bottom){
    element.target.addClass('top').removeClass('center');
}

这是脚本的工作版本 http://jsbin.com/manaqitudu/1/edit?html,output

关于javascript - 动画只有一种方式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39489125/

相关文章:

javascript - 如何将我的 Ajax 处理移动到一个函数中?

javascript - Puppeteer - 从具有特定类名的 div 中检索链接

JavaScript 应用 CSS3 渐变

javascript - 在 Angular 中动态创建元素

javascript - 悬停时显示选项卡式内容

javascript - 我如何缩小这个 jquery?

javascript - 未定义javascript/引用错误中的简单计算

php - 如何使我的搜索引擎安全?

javascript - 相对于处理程序事件的按键事件

javascript - 检测 beforeunload 事件是否被不相关的函数取消