我在Galaxy Note 3上使用PhoneGap 2.9。我的布局类似于Facebook mobile。它有一个从左侧滑出的导航栏。我遇到的问题是,当导航栏的按钮超出屏幕大小并需要滚动时,它们无法被点击。也就是说,它们不执行预期的功能,并且点击/点击事件不会触发。导航栏仍然响应滑动,然后正确滚动。
它几乎就像按钮的父元素(HTML nav
元素)正在接收触摸事件一样,但是某种想象的墙壁会阻止子元素被点击。任何指针都会受到赞赏。
编辑:在eclipse中我注意到我得到了一些我没有用4.2.1或Android 4.2.2获得的输出
WebViewInputDispatcher blockWebkitDraw
WebViewInputDispatcher blockWebkitDraw lockedfalse
webview blockWebkitViewMessage = false
编辑:我注意到导航栏上的顶部按钮是可点击的,但只在其上边缘/边框区域。
答案 0 :(得分:15)
事实证明,这很容易通过旧的CSS转换技巧解决,似乎可以治愈所有的Androids webview弊病。我刚刚将这个css类添加到滚动导航栏中:
.androidpaintfix {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0, 0, 0);
}
答案 1 :(得分:1)
我尝试了另一个答案(修改了css但它不起作用) 然后我建议我开始使用javascript到webview,这个工作
WebSettings webSettings = myWebView.getSettings();
webSettings.setJavaScriptEnabled(true);