滚动功能在看到元素时激活
scroll function activate when seeing element
当用户滚动到页面上的特定部分时,我有3张图片自动向右移动(使用CSS转换)。
我的代码的问题是,它激活"移动到右边"太早,即使你甚至不能看到图像。如果我重新加载页面,只停留在应该移动的图像上,并向上或向下滚动,它会工作得很好。
我认为有一个问题与激活滚动功能…有没有可能说移动图像的css类在某个高度被激活?
这是我当前的代码:
$(window).scroll(function(event) {
var y = $(this).scrollTop();
if (y >= 600) {
$('#number1').addClass('animate');
$('#number2').addClass('animate');
$('#number3').addClass('animate');
}
});
你可以像这样检查一个元素是否在视口中:如何判断一个DOM元素是否在当前视口中可见?
当窗口加载或滚动时,您可以运行检查并滚动。由于图像都在相同的y坐标上,你可以使用第一个元素来检查:#number1.
相关文章:
- 如何激活下拉菜单:在一个元素上单击768px宽度下方,在另一个元素上将鼠标悬停在768px上方
- 为什么触发点击内容可编辑不会激活元素和设置光标
- 如何在悬停或被激活时更改元素的文本
- 使用动态构建的 jQuery 承诺链按顺序激活特定元素
- 向右浮动的元素不会激活过渡
- Meteor 无法使用 JQuery 激活元素,因为模板渲染了来自 MongoDB 的数据
- 激活 .stop() 后,将元素返回到其起始位置
- 当我单击激活选项卡中的按钮时,如何使其他选项卡单击元素
- j查询如何为具有相同类名的多个元素激活一个事件
- 单击父级中的元素时激活 iFrame 中的单击
- 如何一次只在一个元素上激活.hooper()函数
- 激活选定JAVASCRIPT的特定元素上的函数
- 悬停/鼠标悬停未在元素内部的每次移动中激活
- jquery验证(使用jquery验证插件)-根据单击的按钮激活特定元素的验证规则
- 单击时删除当前元素上的悬停激活
- 如何在特定元素之后激活clearInterval()
- 使用Javascript激活一个元素's:active CSS伪类
- 滚动功能在看到元素时激活
- 如何强制jQuery“监听”?为将来的AngularJS ng-repeat元素激活插件
- Twitter Bootstrap with PLAY框架设置导航栏<元素激活