我有以下结构：
<div id="parent">
content 1
<div id="child1">
content2
<div id="child2">
content 3
</div>
</div>
</div>
对于所有 3 个元素，我使用的是 overflow-y: scroll 和 -webkit-overflow-scrolling: touch; 每个都有一个特定的高度，以便内容在其中溢出。
我需要这个的原因主要是为了移动使用。我需要做的是每个内容的父元素，而不是在到达其底端时滚动。通常的行为是，当子 2 元素向下滚动到其底部时，子 1 开始滚动，当它向下滚动时，父元素开始滚动。我使用了几个脚本，但它们似乎都没有正常工作。
我希望这适用于移动设备和桌面设备。我知道它必须通过防止鼠标滚轮、按键和触摸动作来做一些事情，但不知道如何实现它。
我已经敲了一个星期的头，没有结果。任何帮助将不胜感激！