如何讓鼠標(biāo)移動(dòng)到某個(gè)dom上時(shí)，可以滾動(dòng)這個(gè)dom，而不是滾動(dòng)整個(gè)頁(yè)面？

有一個(gè)一直困擾我的問(wèn)題，頁(yè)面如下，是一個(gè)簡(jiǎn)單的html代碼生成的頁(yè)面。頁(yè)面就是body標(biāo)簽中包含一個(gè)div，我人為的讓body超出可以滾動(dòng)，讓div內(nèi)容也超出可以滾動(dòng)。

此時(shí)頁(yè)面的效果是：當(dāng)你的鼠標(biāo)在div之外的時(shí)候，你滾動(dòng)頁(yè)面，整體頁(yè)面跟著滾動(dòng)，當(dāng)你的鼠標(biāo)移動(dòng)到div上的時(shí)候，滾動(dòng)鼠標(biāo)滾輪，此時(shí)滾動(dòng)的是這個(gè)div。

這個(gè)是我想要的效果，這樣才是合理的，寫(xiě)一個(gè)普通的頁(yè)面默認(rèn)是這樣的效果了，問(wèn)題來(lái)了，在一個(gè)復(fù)雜的頁(yè)面中，多個(gè)div，下拉框等，經(jīng)常失去這個(gè)效果，你的滾動(dòng)就會(huì)滾動(dòng)整個(gè)頁(yè)面，必須要鼠標(biāo)點(diǎn)擊想滾動(dòng)的div滾動(dòng)條，才能滾動(dòng)這個(gè)div。

所以我想問(wèn)的是，影響這個(gè)操作的是什么，想百度一下都不知道怎么搜索。因?yàn)槟J(rèn)效果就是對(duì)的，而頁(yè)面復(fù)雜的時(shí)候會(huì)失去這個(gè)效果（用一些別人的插件，比如下拉選擇等，是有這個(gè)效果的）。

我猜想應(yīng)該是可以控制這樣的行為的。有大佬路過(guò)指導(dǎo)一下，要查詢(xún)哪方面的知識(shí)，或者應(yīng)該怎么做？

圖片描述

該頁(yè)面代碼，瀏覽器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;">我是一個(gè)容器</div>
            <div></div>
            <div></div>
        </div>
    </body>
    <script type="text/javascript">
        
    </script>
</html>

回答

編輯回答