将scrollTop与特定div一起使用

时间:2014-06-18 08:18:57

标签: jquery scrolltop

我,我在左上角有一个带有固定徽标的网站(徽标是全白的)。 主页的某一点有一个白色背景的div。 当大约div越过徽标时,我需要使用黑色版本更改徽标。

我尝试将scrollTop函数与此代码一起使用:

$(document).ready(function () {
    $(window).bind("scroll", function() {
        if ($(this).scrollTop() > 1000) {
            //function that change the logo
        }
     });
});

无论如何使用该代码,当1000px表格边距顶部时,该功能有效。 当我滚动到那个div时,我需要它。 有什么想法吗?

/ *更新* / 我自己修改了代码,希望这可以帮助其他人。

$(document).ready(function () {
    $(window).scroll(function() {
    var divTeam = $('#team').offset().top;

    if ($(window).scrollTop() > divTeam) {
        $('.logo_small').attr("src", "img/logo_small_dark.png");
        $('.nav_icon').attr("src", "img/nav_icon_dark.png");
    }
    else { 
        $('.logo_small').attr("src", "img/logo_small.png");
        $('.nav_icon').attr("src", "img/nav_icon.png");
    }
});
});

0 个答案:

没有答案