鍍金池/ 問答/HTML5  PHP  HTML/ 如何讓鼠標移動到某個dom上時，可以滾動這個dom，而不是滾動整個頁面？

如何讓鼠標移動到某個dom上時，可以滾動這個dom，而不是滾動整個頁面？

有一個一直困擾我的問題，頁面如下，是一個簡單的html代碼生成的頁面。頁面就是body標簽中包含一個div，我人為的讓body超出可以滾動，讓div內容也超出可以滾動。

此時頁面的效果是：當你的鼠標在div之外的時候，你滾動頁面，整體頁面跟著滾動，當你的鼠標移動到div上的時候，滾動鼠標滾輪，此時滾動的是這個div。

這個是我想要的效果，這樣才是合理的，寫一個普通的頁面默認是這樣的效果了，問題來了，在一個復雜的頁面中，多個div，下拉框等，經常失去這個效果，你的滾動就會滾動整個頁面，必須要鼠標點擊想滾動的div滾動條，才能滾動這個div。

所以我想問的是，影響這個操作的是什么，想百度一下都不知道怎么搜索。因為默認效果就是對的，而頁面復雜的時候會失去這個效果（用一些別人的插件，比如下拉選擇等，是有這個效果的）。

我猜想應該是可以控制這樣的行為的。有大佬路過指導一下，要查詢哪方面的知識，或者應該怎么做？

圖片描述

該頁面代碼，瀏覽器Chrome

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body style="width: 400px;margin: 30px;">
        <div style="width: 200px;height: 300px;overflow-y: auto;font-size: 30px;margin-bottom: 6000px;padding: 50px;border: 1px black  solid;">
            <div style="padding-bottom: 300px;">我是一個容器</div>
            <div></div>
            <div></div>
        </div>
    </body>
    <script type="text/javascript">
        
    </script>
</html>
回答
編輯回答
心悲涼

事件冒泡，了解一下。

2017年3月21日 02:30
編輯回答
扯機薄

事件委托（事件代理） 了解一下

2017年6月1日 22:53