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

Question

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

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

图片 http://i282.photobucket.com/albums/kk246/leeV18/publicweb/jquery-help-1_zpscba356f6.png 就像在示例图片中一样，我想在网络浏览器滚动到它时立即更改 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')}
        });
    });