在jQuery-mobile“页面”中滚动某个div的内容，而不是页面本身

Question

我正在使用jQuery-mobile作为基于html的移动应用程序。

我使用jQuery-mobile通过滑动水平滚动页面。

我的一个页面有一个水平长div，带有一些动画内容。我只需要这个div的内容滚动到一边。但是当我滑过div时，jQuery-mobile滚动到下一页。

如果用户在页面的任何其他部分上滑动，这是所需的行为，但是当在该特定div上进行滑动时，我只需要滚动内容。

我尝试使用iScrollView按建议here和css溢出建议here但在每种情况下，jQuery-mobile都会滚动页面。

有没有办法只滚动jQuery-mobile'页面'中某个div的内容而不是页面本身？

Answer 1

您可以在特定元素及其子元素上滑动preventDefault()或return false。

使用.class确定该元素。

$(document).on("swipeleft swiperight", function (e) {
  if ($(e.target).hasClass("class") || $(".class").has(e.target).length) {
    /* true */
    return false;
  } 
  else {
    /* false */
    doSomething();
  }
});

  

<强> Demo