如何计算可折叠的div高度以修复菜单栏



请首先参阅本页

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

还有一个固定的菜单栏,当浏览器的顶部到达可折叠部分的末尾时,菜单栏就固定了。该部分可折叠div中的项目可能会有所不同。

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

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

感谢

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

无论如何,使用jQuery非常容易。我们将调用fixeddiv。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();
  }
}

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

最新更新