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