jquery - 如何计算可折叠的 div 高度以固定菜单栏

Question

先参考这个页面

您可能会在页面顶部看到一个链接，上面写着折叠此部分。因此，当用户单击链接时，下面的部分会打开和关闭。

并且有一个固定的菜单栏，当浏览器顶部到达可折叠部分的末端时，菜单栏就固定了。并且该部分可折叠 div 内的项目可能会有所不同。

现在我想要的是如何计算该 div 的高度

1. 当它打开时
2. 当它关闭时
3. 虽然列表元素比显示的要多，并根据高度固定菜单栏。

谢谢

Answer 1

看起来您将我们链接到您本地网络上的页面。

无论如何，使用 jQuery 很容易做到。我们将把固定的 div 称为 .fixed：

var fixed = $('.fixed');
var openHeight = 0; var closedHeight = 0;
fixed.on('click', function() {
  if(fixed.hasClass('collapsed') {
    //code to expand div
    fixed.removeClass('collapsed');
    openHeight = fixed.height();
   }
  else {
    //code to collapse div
    fixed.addClass('collapsed');
    closedHeight = fixed.height();
  }
}

我不确定你问题的第三部分在问什么，你可能想澄清一下