当浏览器滚动到它时更改元素的CSS

我想在浏览器滚动到它或浏览器触摸它时立即更改元素的CSS。

这是一个有助于更好地解释它的图像：

图片http://i282.photobucket.com/albums/kk246/leeV18/publicweb/jquery-help-1_zpscba356f6.png在示例图片中，我想在Web浏览器滚动到它时立即更改div的背景或触摸它。

我认为你可以用jquery做到这一点，但我是一个新手。 如果有人可以请帮助，谢谢。

Answer 1

这是你的解决方案

http://jsfiddle.net/hus​​hme/VF46X/

 $(window).scroll(function(){ $('.hide').each(function(){ var h = $(window).scrollTop(); var o = $(this).offset().top; var height = $(this).outerHeight(); var t = o-(height*1.3); if (h >= t) { $(this) .css('background','green') }else {$(this) .css('background','blue')} }); });