滚动不应滚动父DIV

我有2个div的一位家长和另一其子。两者都有很多内容。因为他们有滚动条。现在我们在这里观察的是，当滚动达到子div的底部时，父内容开始滚动。说话很难。所以我连接小提琴 -

我想，当我已经完成滚动的孩子。即滚动条已达到儿童的底部，那么我必须能够避免父母滚动。当鼠标位于子div上并且用户滚动时，父级内容滚动时必须没有方案。

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}

来源

2013-10-31 Ashwin

我想这可能会帮助你http://jsfiddle.net/eXQf3/371/得到它从【答案】（HTTP：/ /stackoverflow.com/questions/7571370/jquery-disable-scroll-when-mouse-over-an-absolute-div） –

它工作。非常感谢。 – Ashwin

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

然后你可以使用this answer这将你的提琴到this fiddle example：

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

来源

2013-10-31 12:53:37 NGLN

哇，我的第一个downvote ...... ;-) – NGLN

滚动不应滚动父DIV

回答

相关问题