我正在尝试为我正在处理的网站创建一个画布移动菜单,它将替换旧的越野车版本。我已经选择了https://github.com/mobify/pikabu,因为它可以完成我需要的一切,但是在计算错误的高度时遇到了一些麻烦。

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

您需要缩小菜单,然后点击左上方的“汉堡包”。菜单会滑出,但您会注意到仍然可以滚动页面的正文。额外的高度来自pikabu和它计算出的嵌入式样式。

我最初的想法是,这可能是CSS中的问题,可能会导致额外的高度,但是我无法成功地对其进行跟踪。

我试图避免编辑Pikabu本身,但是如果需要的话,这样做不是一个大问题。

任何帮助将是巨大的!

最佳答案

这似乎是pikabu的“功能”。(如果逐步执行Pikabu.prototype.setHeights函数,则可以看到为windowHeight返回的值不正确)

line 514: var windowHeight = this.device.isNewChrome ? window.outerHeight : $(window).height();

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

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

10-06 02:59