Javascript 多点触摸问题上的多个垂直可滚动div

我尝试在一个多点触摸应用程序上垂直滚动两个文本字段，每个文本字段都可以自己工作，但一旦我尝试滚动两个文本字段，只有第一个触摸的文本字段可以工作

这里有解决办法吗

也许是一个自定义滚动条的例子

下面是一个例子，请在多点触控上测试

#窗口{
高度：200px；
边框：1px黑色实心；
}
.窗户{
高度：200px；
边框：1px黑色实心；
}
.可滚动内容{
高度：180像素；
溢出：自动；
背景颜色：蓝色；
}
#页脚{
高度：20px；
背景颜色：绿色；
}

样品
样品
样品
样品
样品
样品
样品
样品
样品
样品
样品
样品
样品


样品
样品
样品
样品
样品
样品
样品
样品
样品
样品
样品
样品
样品

如果您想始终同步两个Div，您可以监听两个Div的滚动事件，然后将目标的滚动顶部复制到另一个Div

var divs=document.querySelectorAll（'.scrollable content'）；
对于（变量i=0；i

#窗口{
高度：200px；
边框：1px黑色实心；
}
.窗户{
高度：200px；
边框：1px黑色实心；
}
.可滚动内容{
高度：180像素；
溢出：自动；
背景颜色：蓝色；
}
#页脚{
高度：20px；
背景颜色：绿色；
}

样品
样品
样品
样品
样品
样品
样品
样品
样品
样品
样品
样品
样品


样品
样品
样品
样品
样品
样品
样品
样品
样品
样品
样品
样品
样品

回答得很好谢谢，我意识到我的示例可以在iPad上运行，但不能在使用当前Chrome浏览器的Windows 10桌面上运行。在桌面上，我一次只能滚动一个div，只要我想滚动两个div，只有第一次单击的div可以工作。div应该可以完全独立地滚动。想法是让两个文本并排，用户可以在阅读时同时移动这两个文本，例如原语和翻译。原因是什么？看起来我必须自己用触摸事件解决滚动问题，同时触摸多个可滚动的div可能不起作用。我说得对吗？特别是对于桌面触摸屏？遗憾的是，我没有桌面触摸屏，没有Mac设备，也没有知识来回答为什么你以前的代码在iPad上工作，而在桌面上的Chrome上不工作。但这是我添加的第二个代码片段。您可能必须通过切换这两个来改变滚动方向<代码>（event.touchs[i].clientY-touchedData[index].y）。我在Android上的Chrome上测试了这个页面，两个div根据不同的手指运动分别滚动。是的，它与javascript一起工作，我认为桌面上的内置sroll行为（overflow:scroll）只使用鼠标事件，不是通过触摸或指针事件来分离触摸。我今天将您的代码集成到vuejs多触摸表项目中，用户可以同时旋转带有可滚动文本的移动卡，感谢您的帮助，在触摸区域向前迈出了一步。