获取 div jquery 的高度答案

【问题标题】：Get the height of a div jquery获取 div jquery 的高度
【发布时间】：2013-10-26 20:59:47
【问题描述】：

我正在尝试进行导航，只要滚动指定数量的像素，就会将“活动”类设置为链接。但是页面上有一个 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 的高度，它的类设置为 auto，然后在上面的代码中应用它？

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

【问题讨论】：

你能做一个小提琴吗

标签： javascript jquery html css height

【解决方案1】：

在里面基本上得到了DIV的高度

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

它返回高度。

【讨论】：

但是我如何将它应用到我当前的代码上。我是否将变量设置为 #('#ID').height(); ，然后在任何有像素的地方，例如 759 + variable ？
将id添加到html中的div标签中，在需要高度的地方调用
我对 jquery 还很陌生，如果我犯了一些明显的错误，我很抱歉。有一个 div“#two”，它的子 div 在单击时会展开。所以我需要扩展其子 div 的 #two div 的高度。我正在制作一个变量 twoHeight = $('#two').height(); 。然后在上面的代码中，我这样添加：if (scroll >= 759 + twoHeight && scroll < 780 + twoHeight
是的，如果你想要 #two div hight 意味着只需添加 var twoHeight = $('#two').height();它会返回高度并在任何需要的地方使用它
因为你在文档中调用了函数，准备好一次处理。所以每当点击 div 时，我们调用该函数来获取高度

【解决方案2】：

我猜这就是你要找的东西

样本DEMO

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

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

希望对你有帮助，谢谢

【讨论】：