我正在尝试为我正在处理的网站创建一个画布移动菜单,它将替换旧的越野车版本。我已经选择了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
或进行更好的设备嗅探,以便仅在移动设备上触发