html - Avoid page scrolling on a div - AngularJS -
in website, want integrate animation 3d (already done) has zoom option.
when on image (mouseover) , scroll zoom scroll entire page.
this animation integrated following way :
<iframe id="myanimation" src="http://myanimation..." scrolling="no" content="user-scalable=no;"></iframe>
a lot of solutions have been given in javascript or jquery angularjs way that.
i have thought wrapping iframe in div should have avoided scrolling entire page:
<div ng-mouseenter="$window.body.scrolling='no';" ng-mouseleave="$window.body.scrolling='yes';">
or css property overflow :
<div ng-mouseenter="$windiw.body.style.overflow='hidden';" ng-mouseleave="$windiw.body.style.overflow='auto';">
is there way of doing css or should think writing code avoid behaviour?
thank answers.
Comments
Post a Comment