在iframe上禁用滚动顶部事件

Question

I have an iframe in my main page. The iframe generates images and sends it to the parent page. My problem is that after iframe generates images my parent page scroll back to the top. How can i disable scroll top event in iframe?

Fix : Setting the iframe to display none fix this issue but iframe in display none does not work for firefox. The iframe does not get loaded if it's set to display none so instead of I've used visibility : hidden. But using visibility hidden I encounter the problem above.

Sample code

<iframe id="image_source" src="http://local.testImages.com" width="100%" height="0px" style="visibility :hidden"></iframe>

This iframe is located on top of the page. Everytime it gets updated my main page scrolls back to top which the iframe is located.

How can i disable the main page from scrolling to top? or disable scroll event?

Thanks,

Answer 1

这段代码通常会解决它，但是确实会导致一些滚动到快速的故障

oldscrole=window.scrollY;setInterval("if(window.scrollY==0&&window.scrollY+500<oldscrole){window.scroll(window.scrollY,oldscrole)}oldscrole=window.scrollY",1)