绑定 Swipe 事件的元素中包含可滚动元素，则内部元素无法滚动。 about any-touch

[any86]

这里说的滚动是系统滚动条的滚动吗?

[hellohejinyu]

这里说的滚动是系统滚动条的滚动吗?

是的。（你响应速度好快呀👍，我来搞个最小复现 demo 吧，方便你来解决：）

[any86]

好的, 感谢支持

[hellohejinyu]

好的, 感谢支持

https://codesandbox.io/s/wizardly-bas-jriqv?file=/src/App.js

可以了，在电脑上用鼠标是可以正常滚动的，但是在手机上就不行了。感谢你写的这个手势库，非常好用。

[any86]

午休了, 我一会回来研究下, 然后@你

[any86]

可以通过关闭"阻止默认事件"来让滚动条滚动

const at = new Core(divRef.current, { preventDefault: false });

问题是未发生"swipe"之前拖拽页面, 页面会滚动不知道是不是你的预期?

我能想到的交互优化是在上下边缘放2个div(透明)用来触发swipe, 同时preventDefault: false, 这样其他部分可以用来滚动页面, 这样能满足预期?

[any86]

我请教你个问题, 在react中是不可以绑定自定义dom事件吗?

    <div
      ref={divRef}
      onSwipeup={setVisible(true)}
      className={cn("panel", { show: visible })}
    >

会提示没有"onSwipeup"

[hellohejinyu]

可以通过关闭"阻止默认事件"来让滚动条滚动

const at = new Core(divRef.current, { preventDefault: false });

问题是未发生"swipe"之前拖拽页面, 页面会滚动不知道是不是你的预期?

我能想到的交互优化是在上下边缘放2个div(透明)用来触发swipe, 同时preventDefault: false, 这样其他部分可以用来滚动页面, 这样能满足预期?

我试了一下，还是决定优化一下交互，感谢及时帮我解决问题🙏

[hellohejinyu]

我请教你个问题, 在react中是不可以绑定自定义dom事件吗?

    <div
      ref={divRef}
      onSwipeup={setVisible(true)}
      className={cn("panel", { show: visible })}
    >

会提示没有"onSwipeup"

对的，不支持在 JSX 标签中直接写的，需要拿到 dom 然后用 JS 手动去绑。

[any86]

我请教你个问题, 在react中是不可以绑定自定义dom事件吗?

    <div
      ref={divRef}
      onSwipeup={setVisible(true)}
      className={cn("panel", { show: visible })}
    >

会提示没有"onSwipeup"

对的，不支持在 JSX 标签中直接写的，需要拿到 dom 然后用 JS 手动去绑。

好嘞,谢谢