javascript - Pikabu - 高度计算错误

Question

我正在尝试为我正在使用的网站创建一个非 Canvas 移动菜单，该菜单将替换旧的错误版本。我选择了 https://github.com/mobify/pikabu因为它可以满足我的所有需求，但我在计算错误的高度时遇到了一些麻烦。

您可以在以下位置查看问题:http://verypc.very-dev.co.uk/

您需要缩小菜单，然后点击左上角的“汉堡包”。菜单滑出，但您会注意到您仍然可以滚动页面主体。额外的高度来自 pikabu 和它计算的内联样式。

我最初的想法是，这可能是我的 CSS 中的某些东西导致了额外的高度，但我未能成功找到它。

我试图避免编辑 Pikabu 本身，但如果有必要，这样做并不是什么大问题。

任何帮助都会很棒!

Answer 1

这似乎是 pikabu 的一个“功能”..(如果您单步执行 Pikabu.prototype.setHeights 函数，您会看到返回的 windowHeight 值不正确)

第 514 行:var windowHeight = this.device.isNewChrome？窗口.outerHeight : $(窗口).height();

chrome 上的 window.outerHeight 包括浏览器工具栏、地址栏等的高度 (~95px)

您可能需要删除此行，以便它只提供 window.outerHeight 或进行一些更好的设备嗅探，以便仅在移动设备上触发