Javascript HTML5：鼠标悬停在div上时停止父级滚动

HTML5不支持滚动属性。 我在div的iframe中有一个svg，如何使用div中的滚动并使用hml5同时停止页面滚动

我尝试过这样的解决方案

mouseWheelEvent.cancelBubble = true; 

及

---

但什么都不管用。请提供帮助。

我认为可以使用CSS来实现这种行为。这样做的目的是使父对象比子对象小，并使其样式溢出：滚动

可以使用属性overflow-y指定垂直滚动方向，使用属性overflow-x指定水平滚动方向

.child{
背景：一枝黄花；
}
.家长{
溢出y：滚动；
宽度：220px；
高度：200px；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。在维利特的自由女神伊库利斯·比本杜姆·维塔·奥奇（libero iaculis bibendum vel）。我是乌尔纳人，我是菲尼布人。潜力悬钩子。同侧前庭，同侧前庭。维尼那提斯·维利特博士、菲尼布斯博士和纳拉博士、非帝国主义博士、进化论博士。我是莫利斯之手。
无设施是指不受法律约束的设施。埃尼安和马克西姆·努拉。位于arcu porta和maximus的尊贵馆长。佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。Phasellus酵母菌rhoncus sem eget pharetra。不吃奥古斯·伊普苏姆、调味品和调味汁、甜言蜜语。在三体前庭做腔隙门。克拉斯和尼伯。毛里斯·萨吉蒂斯·里索斯和奥奇·特里斯蒂克，拉奥里特的生命和效率。这是我的朋友。Mauris blandit，neque eu convallis lobortis，nisi est viverra sapien，et maximus lectus nis ut quam。我们是精英。不允许，不允许，不允许，不允许。
威尼斯人的面部按摩。在nec leo的dolor tincidunt sollicitudin eu临时侵权人。罗勒姆真理经，非同侧水平经，艾库利斯-莫里斯经。埃尼安·内克·艾利特，乌拉姆·科佩尔·奎斯·阿利奎特·艾利克·艾利特，临时图尔皮斯。这是一种侵权行为，是一种违法行为。莫里斯·厄洛斯·米（Mauris eros mi），他坐在一个无设施的地方，一个空荡荡的地方。不结盟运动。Morbi nunc turpis，pulvinar Qus tortor eu，vulputate tellus发酵剂。直径不间隔的透明连续性。这是一个很好的例子。
在magna ex中，lacinia是semper id，rutrum在turpis。相思，相思，相思，相思，相思。Phasellus laoreet velit dolor，vitae Volvate Pat nisl lobortis eu。维尼纳提斯的战利品。酒后驾车是非流苏式的。在莫里斯，一只维尼那提猫与一只欧洲虎鲸对峙。梅塞纳斯·努拉·洛雷姆、拉奥里特·内克·马萨·ac、维尼那提斯·埃古斯塔斯·麦格纳。

谢谢您的帮助@Syam我对stackoverflow很陌生

$('#svgDiv').bind('mousewheel DOMMouseScroll', function(e) {
    var scrollTo = null;

    if (e.type == 'mousewheel') {
        scrollTo = (e.originalEvent.wheelDelta * -1);
    }
    else if (e.type == 'DOMMouseScroll') {
        scrollTo = 40 * e.originalEvent.detail;
    }

    if (scrollTo) {
        e.preventDefault();
        $(this).scrollTop(scrollTo + $(this).scrollTop());
    }
});