jQuery判断div是否可见并修改元素class - 滚动页面动态修改样式

"jQuery判断div是否可见并修改元素class - 滚动页面动态修改样式"\n你可以使用jQuery的scroll事件和offset方法来判断某个div是否在屏幕内。下面是一个示例代码：\n\njavascript\n$(window).scroll(function() {\n var windowHeight = $(window).height();\n var scrollTop = $(window).scrollTop();\n \n $('.div-to-check').each(function() {\n var divOffset = $(this).offset().top;\n \n if (divOffset > scrollTop && divOffset < (scrollTop + windowHeight)) {\n // div在屏幕内\n $('.div-to-modify').removeClass('old-class').addClass('new-class');\n }\n });\n});\n\n\n上面的代码中，div-to-check是要检查的div的class，div-to-modify是要修改class的div的class。当滚动页面时，代码会遍历所有带有div-to-check class的div，检查它们是否在屏幕内。如果在屏幕内，则将div-to-modify的class从old-class修改为new-class。\n\n注意：你需要根据你的页面结构和需求修改代码中的选择器和class名称。