0

我正在尝试进行导航，只要滚动指定数量的像素，就会将“活动”类设置为链接。但是页面上有一个 div，它根据用户交互获得它的大小。

这是设置活动类的代码。

$(function() {
//caches a jQuery object containing the header element
    var header = $(".active");
$(window).scroll(function() {
    var scroll = $(window).scrollTop();

    if (scroll >=760) {
        header.removeClass('active').addClass("active1");
    } 
    else { header.removeClass('active1').addClass('active');}
});

    var header1 = $("#work");
$(window).scroll(function() {
    var scroll = $(window).scrollTop();

    if (scroll >= 759  && scroll < 780) {
        header1.removeClass('#work').addClass("active");
    } else {
        header1.removeClass("active").addClass('#work');
    }
});

var header2 = $("#about");
$(window).scroll(function() {
    var scroll = $(window).scrollTop();

    if (scroll > 779 && scroll < 1450) {
        header2.removeClass('#about').addClass("active");
    } else {
        header2.removeClass("active").addClass('#about');
    }
});

var header3 = $("#contact");
$(window).scroll(function() {
    var scroll = $(window).scrollTop();

    if (scroll > 1449) {
        header3.removeClass('#contact').addClass("active");
    } else {
        header3.removeClass("active").addClass('#contact');
    }
});
});

如何获取将其类设置为自动的 div 的高度，然后将其应用到上面的代码中？

编辑：我试过了，$('#ID').height();但是在加载网站时它会得到高度，并且在任何用户与 div 交互后它都不起作用。

4

2 回答 2

0

我想这就是你要找的

示例演示

if($("#ID").offset().top < $(window).scrollTop() + $(window).outerHeight())

如果您创建一个小提琴可能可以为您做同样的事情

希望这会有所帮助，谢谢

于 2013-10-26T12:59:47.400 回答
0

在基本上得到了DIV的高度

$('#ID').height();

它返回高度。

于 2013-10-26T11:53:47.657 回答