Question

我正在尝试进行导航，只要滚动指定的像素数量，就会将“活动”类设置为链接。但是页面上有一个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');
    }
});
});

如何获得将其类设置为auto的div的高度，然后将其应用于上面的代码？

编辑：我尝试了$('#ID').height();，但它在网站加载时达到了高度，并且在任何用户与div交互后都无效。

Answer 1

基本上得到DIV的高度

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

它返回高度。

Answer 2

我想这就是你要找的东西

示例DEMO

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

如果你创造一个小提琴可能也可以为你做同样的事情

希望这有帮助，谢谢

获得div jquery的高度

2 个答案:

示例DEMO