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

Popular posts from this blog

javascript - Chart.js (Radar Chart) different scaleLineColor for each scaleLine -

apache - Error with PHP mail(): Multiple or malformed newlines found in additional_header -

java - Android – MapFragment overlay button shadow, just like MyLocation button -