h5页面ios端从其他元素滚到滚动元素，会卡住

Question

#ios移动端safari浏览器h5页面
#从不可滚动的元素拖到可滚动的元素上，这时候可滚动的元素也不可滚动。需要点击一下屏幕才可以
解决思路
在容易误触的地方的进行以下处理
1.设置pointer-events事件为none 未解决
2.设置touch-action为none 未解决
3.js监听抬起位置，如果是误触document.body.click(); 未解决

Answer 1

以下回复参考：皆我百晓生、券券喵儿等免费微信小程序作答:

针对这个问题，可以尝试以下解决方案：

1. 在可滚动元素的父元素上设置pointer-events: none;，这样当用户从不可滚动的元素拖动到可滚动元素时，不会触发任何事件。但是这种方法可能会导致其他交互问题，因为它会阻止所有事件冒泡到父元素。

2. 使用JavaScript监听触摸事件，当检测到误触时，手动触发点击事件。例如：

document.body.addEventListener('touchstart', function(event) {
  // 判断是否为误触，这里可以根据实际需求进行判断
  if (isMistouch(event)) {
    // 如果是误触，触发点击事件
    document.body.click();
  }
});

function isMistouch(event) {
  // 根据实际需求判断是否为误触，例如判断触摸点的位置、触摸时间等
  // 返回true表示误触，false表示正常触摸
}

1. 如果以上方法仍然无法解决问题，可以考虑使用第三方库，如Hammer.js，它提供了更强大的触摸事件处理功能。