javascript - 暂时允许使用 TouchSwipe 插件垂直滚动

Question

我正在使用 SwipeTouch plugin通过滑动来隐藏和显示 #child 元素。

我有包含 #child 元素的 #parent 元素。

这个#child不会总是有足够的内容来创建滚动条，但是当有时就会出现问题。#parent约束了#child 元素，如果 #child 元素比 #parent

元素高，则强制滚动条

<div id="parent">
    <div id="child">
         <!-- Lots of content -->
    </div>
</div>​

---

我想允许在任何方向滑动以显示和隐藏 #child...

• 滑动到显示 #child 元素将被称为swipeIN。
• 滑动以隐藏 #child 元素将被称为swipeOUT。

...问题是，如果滚动条存在并且 #child 可见，我无法垂直滚动，因为那样会注册为滑动尝试并触发 swipeOUT。

所以，我有一个计划:

• 无滚动条:在所有方向滑动以触发 swipeIN 和 swipeOUT。
• 滚动条:向各个方向滑动以触发 swipeIN。向上或向下“滑动”以滚动，向左或向右滑动以触发 swipeOUT。

这是一个很好的计划，只是行不通了。我想如果我能够暂时禁用向上滑动和向下滑动，它会工作...

Link to my attempt (该问题仅在触摸设备上很明显)。

Link that is better for testing in a touch device

关于如何让它发挥作用有什么想法吗？

Answer 1

将选项“allowPageScroll”从“auto”(默认)设置为“vertical”(在某些情况下如果需要)应该可以解决问题