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

Question

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

这是一张有助于更好地解释它的图片：

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

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

Answer 1

这是你的解决方案

http://jsfiddle.net/hushme/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')}
        });
    });