在我的网站上，我想整合一个动画3D（已经完成），它也有一个缩放选项。
当你在图像上（鼠标悬停）并滚动它实际上是缩放，但它也滚动整个页面。
此动画以下列方式集成：
<iframe id="myanimation" src="http://myanimation..." scrolling="no" content="user-scalable=no;"></iframe>
在javascript或jQuery中已经提供了很多解决方案，但我想要一个AngularJS方法来做到这一点。
我已经考虑过将这个iframe包装在一个应该避免滚动整个页面的div中：
<div ng-mouseenter="$window.body.scrolling='no';" ng-mouseleave="$window.body.scrolling='yes';">
或CSS属性溢出：
<div ng-mouseenter="$windiw.body.style.overflow='hidden';" ng-mouseleave="$windiw.body.style.overflow='auto';">
有没有办法用CSS做或者我应该考虑编写代码以避免这种行为？
感谢您的回答。