javascript - 从左侧滚动到 div 中

标签 javascript jquery html css

我试图从左右加载具有滑入效果的DIV,但这是当我滚动到当前屏幕时,当滚动到下一个div时,上面的元素移出从左到右(反向动画)

如何实现?我尝试使用 Animate CSS,所以它只是在页面加载时滑入,而不是在滚动时滑入,有什么帮助吗?

这是 JSFiddle我创造的东西

最佳答案

您是否尝试过将 .scrollTop()jQuery 一起使用? 这将在用户在您的页面上滚动一定量(例如 300px)时启动动画 .scrollTop(300px)

$(window).scroll(function() {
 if ($(this).scrollTop() > 300) {
   $('#yourElement').addClass('animated bounceOutLeft'); 
 } 
});

关于javascript - 从左侧滚动到 div 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39486397/

相关文章:

javascript - 我需要帮助将我的两个 JS 函数重构为代码中的一个通用函数(JS array.reduce)

javascript - Web Essentials,用于 bundle 脚本文件的命令行实用程序?

jQuery 通过单击图像在光标下插入代码

javascript - jquery hover 隐藏在子元素上

javascript - 在 css 中的选择器不显示在所有元素和 JQuery 错误之后

JavaScript:理解作用域链

Javascript - 如何迭代对象中键的值?

javascript - Jquery 将一个对象值数组追加到右边的 div

javascript - 禁用 turobolinks 来服务页面特定的 javascript

html - 如何摆脱PNG按钮的白色阴影