我,我在左上角有一个带有固定徽标的网站(徽标是全白的)。 主页的某一点有一个白色背景的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");
}
});
});