html - 带有 IScrollView 的 Jquery Mobile 页面内的 GMap

Question

我有一个使用实现 IScrollView 的 JQuery Mobile v1.3.2 创建的 webapp。当我垂直滚动地图时，滚动视图也会滚动。有没有办法禁用该行为，在滚动 gmap 时取消 iscroll 滚动？

提前致谢。

Answer 1

问题是地图似乎仍然将触摸事件传播到 iscroll。让我们尝试通过 stopPropagation(); 来防止这种情况发生。

编辑
这里是工作的 jQuery 移动小提琴

var map_canvas = $('#map_canvas')[0];
// "mousedown" should be "touchstart" on mobile device
$(map_canvas).bind('mousedown', function(e) {
    e.stopPropagation();
});

在这里使用纯 JavaScript 的小提琴。

var map_canvas = document.getElementById('map_canvas');
// "mousedown" should be "touchstart" on mobile device
map_canvas.addEventListener('mousedown', function(e) {
    e.stopPropagation();
}, false);

PS在这里
查找stopPropagation 文档的链接，有时非常方便；）