在Codepen中，我试图制作一个包含文本的可拖动项目列表。每个项目必须overflow: auto，以便内容可以滚动。但是，在Chrome中的触摸设备上，指针事件会被捕获到项目中，并且无法顺利拖动。
要复制，请在Chrome中启动并通过开发工具进入响应模式。在元素之间拖动按预期工作，但拖动元素无法正常工作。
我尝试了各种可拖动的选项，并且没有使用flexbox进行布局，但似乎都没有。我也试过切换一个拖动/不拖动的css类来设置overflow：hidden / auto，但是没有达到要求的效果。
https://codepen.io/motionimaging/pen/efbf92943645bf108e720c9b7b640abd#0
答案 0 :(得分：0)
感谢@jack的回答。更多详情请点击此处：https://greensock.com/forums/topic/17546-draggable-text-elements-with-overflow/
这似乎是一个浏览器错误。在我的情况下，我使用
修复它.item {
touch-action: pan-y;
}
使用touch-action: none;导致无法滚动内容。 pan-y仅限移动到y轴，这意味着您可以不受阻碍地从左向右拖动。