JQuery在滚动问题上添加类
JQuery Add Class On Scroll Issue
我在滚动代码上的add类有问题。。。它不是在滚动过元素后添加类,而是在用户开始滚动时立即将类添加到每个元素中。
http://sandbox.viaphase.com/ajs-presentation/
$(document).ready(function() {
$(window).scroll( function(){
/* Check the location of each desired element */
$('.animscroll').each( function(i){
var bottom_of_object = $(this).offset().top + $(this).outerHeight();
var bottom_of_window = $(window).scrollTop() + $(window).height();
/* If the object is completely visible in the window, fade it it */
if( bottom_of_window > bottom_of_object ){
$(this).addClass('SlideUp'); //Adds animation class to element
}
});
});
});
问题不在于您的代码,$(window).height()
报告的与$(document).height();
相同
这是因为您的html中没有DOCTYPE。
添加:
<!DOCTYPE html>
到页面顶部,您的代码应该可以正常工作。
相关文章:
- javascript中添加验证电子邮件的问题
- 关于使用Animate.css向和项添加和删除动画类的问题
- 选中复选框的Jquery/Javascript问题使用输入框操作将行从一个表添加到另一个表
- 在对象中添加方法时出现问题
- Node.js服务器问题-已添加“/"在浏览器中查找文件时
- 第二次追加后添加逗号的问题等等
- array_push平面数组问题-需要能够向数组中添加多个变量
- 动态创建foreignGroup并将其添加到svg中有什么问题
- 以编程方式将特定的JavaScript添加到Qualtrics中的特定问题中
- Ruby on Rails 4:在 Rails Web 应用程序中添加 Javascript 文件时遇到问题
- 图像上传功能将++(+1)副本添加到下一次上传.出了什么问题或如何重置“选定图像”
- 我在添加更多输入字段时遇到问题,文本字段中的值不会保留
- 使用jQuery添加的类时出现问题
- 设置和添加数组值javascript时出现问题
- mongodb用户配置文件添加输入时出现问题
- 在wordpress中向自定义php模板添加滑块时出现问题
- 将类添加到标头的代码有什么问题
- 单击元素时出现问题,这些元素是用.html()添加到页面的
- Python 3.5中的添加问题
- 3D Highchart动态系列添加问题