Javascript Hammerjs swipe在Chrome Android上锁定window.innerHeight
我在Chrome Android 66上遇到了hammerjs的问题 我有一个侧栏菜单，位置：固定，顶部：0，底部：0。当菜单项打开时，当顶部的URL栏可见和隐藏时，布局是正确的。在Chrome device inspect上，如果我在控制台中运行“window.innerHeight”，当URL栏可见时，它会给我一个高度，而当它隐藏时，它会给我一个不同的高度。这是正确的，因为隐藏了URL栏，内部高度应该更高 在我刷完之后，无论我处于哪个状态，“window.innerHeight”都会被锁定到那个高度，不管有没有URL栏。这破坏了我的布局，因为top:0和bottom:0被固定在我第一次刷卡的状态 有人见过这个吗？是否有任何可能的解决方案使window.innerHeight（和window.outerHeight）再次适应它应该是什么样子？这在其他所有浏览器上都能正常工作，只有Chrome Android 下面是我为测试而编写的一小段代码。谢谢你的建议Javascript Hammerjs swipe在Chrome Android上锁定window.innerHeight,javascript,android,google-chrome,hammer.js,Javascript,Android,Google Chrome,Hammer.js,我在Chrome Android 66上遇到了hammerjs的问题 我有一个侧栏菜单，位置：固定，顶部：0，底部：0。当菜单项打开时，当顶部的URL栏可见和隐藏时，布局是正确的。在Chrome device inspect上，如果我在控制台中运行“window.innerHeight”，当URL栏可见时，它会给我一个高度，而当它隐藏时，它会给我一个不同的高度。这是正确的，因为隐藏了URL栏，内部高度应该更高 在我刷完之后，无论我处于哪个状态，“window.innerHeight”都会被锁定到
<html>
<head>
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
<style>
#myElement {
background: silver;
height: 300px;
text-align: center;
font-size:30px;
}
.ex-height{
height: 400px;
border:solid 1px red;
}
</style>
</head>
<body>
<div class="ex-height">extra height for scrolling</div>
<div id="myElement"></div>
<div class="ex-height">extra height for scrolling</div>
<script src="https://hammerjs.github.io/dist/hammer.js"></script>
<script>
var myElement = document.getElementById('myElement');
var mc = new Hammer(myElement);
mc.on("panleft panright tap press", function(ev) {
myElement.textContent = ev.type +" gesture detected.";
});</script>
</body>
</html>
#myElement{
背景：银；
高度：300px；
文本对齐：居中；
字体大小：30px；
}
.ex高度{
高度：400px；
边框：实心1px红色；
}
滚动的额外高度
滚动的额外高度
var myElement=document.getElementById（'myElement'）；
var mc=新锤子（myElement）；
mc.on（“左右轻触按下”，功能（ev）{
myElement.textContent=ev.type+“检测到手势。”；
});