一个孩子的div滚动不应滚动父DIV(Scrolling of a child div should

HTML

我有2个div的一位家长和另一其子。 双方有很多的内容。 正因为如此，他们有滚动条。 现在的观察，我们都在这里的是，当滚动已达孩子div的底部，那么父内容开始滚动。 这是很难用言语。 所以我链接一个小提琴 -

http://jsfiddle.net/JDkjh/

当我已经完成滚动的孩子我想是。 即滚动条已经达到孩子的底部，那么我必须能够避免父母的滚动。 当鼠标在孩子股利和用户滚动那么就必须有没有的情况时，父内容滚动。

CSS的解决方案必须是好主意。 但我希望没有这样的。 所以，如果有任何的js或jquery的修复，请让我知道。 谢谢。

CSS代码：

.first {width:300px; height:300px; border:1px solid #000; overflow:auto; position:fixed; text-align:center}
.second {width:100px; height:100%; position:absolute; top:0; right:0; border:1px solid blue; text-align:center; overflow:auto}

Answer 1:

对于纯CSS2的解决方案，使孩子家长，以防止滚动事件向上冒泡到父的兄弟姐妹，并确保主浏览器窗口不会滚动。

然后你可以使用这个答案果然你拨弄到这个小提琴例子 ：

<div id="wrapper">
    <div class="first">abc
    </div>
    <div class="second">xyz
    </div>
</div>

文章来源: Scrolling of a child div should not scroll parent div