jquery - 当浏览器滚动到某个元素时更改该元素的 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')}
        });
    });