我正在尝试为我正在制作的网站创建一个非画布移动菜单，它将取代旧的错误版本。我已经确定了https://github.com/mobify/pikabu，因为它完成了我需要的一切，但我在计算错误的高度时遇到了一些麻烦。
您可以在以下位置查看问题：http://verypc.very-dev.co.uk/
您需要缩小菜单，然后点击左上方的“汉堡包”。菜单滑出但你会注意到你仍然可以滚动页面的主体。额外的高度来自pikabu和它计算的内联样式。
我最初的想法是，这是我的CSS中可能导致额外高度的东西，但我无法成功追踪它。
我试图避免编辑Pikabu本身，但如果有必要，这不是一个大问题。
任何帮助都会很棒！
答案 0 :(得分：2)
这似乎是一个＆＃39;功能＆＃39; of pikabu ..（如果你单步执行Pikabu.prototype.setHeights函数，你可以看到为windowHeight返回的值是不正确的）
line 514: var windowHeight = this.device.isNewChrome ? window.outerHeight : $(window).height();
window.outerHeight on chrome包括浏览器工具栏的高度，地址栏等（~95px）
您可能需要删除此行，以便它只提供window.outerHeight或执行更好的设备嗅探，以便仅在移动设备上触发
答案 1 :(得分：0)
我正在和Firebug一起摆弄。
在你关闭header { position: fixed; }的css中它似乎弹出到正确的位置（main.css）。
我不会在CSS中使用position: fixed/absolute。如果您删除了这些标记，包括top: 0，right: 0和height: 50px标记，则会清除代码。它似乎也能正常工作。