Scrolling="0" not working on iframe

Hello
This is my iframe code.

<iframe width="669" height="428" webkit-playsinline="webkit-playsinline" src="http://www.youtube.com/embed/MfPwa-oIUmI?start=1&playsinline=1&amp&rel=0;showinfo=1&amp;controls=1;vq=hd720;pvsznight2" frameborder="0" scrolling="no"> </iframe>

But scrolling=“0” not working,it still push up and down when I scrolling up and down.
How can I fix this?
Thank you so much

http://www.w3schools.com/tags/att_iframe_scrolling.asp

The “Scrolling” attribute is depreciated. Maybe try using CSS. Also, it’s possible that you have “Inception” going on in your project – an element within an element. Maybe scrolling is disabled on your iFrame, but another frame has scrolling enabled.

This property may be what you’re looking for, but I’m not sure if it has been deprecated on iOS yet:

Setting that to auto; would remove inertial scrolling on the frame.

I added this code on header of Hype but not work.
<style type="text/css"> -webkit-overflow-scrolling: auto; </style>

I embbed a simple website on an iframe1 in Hype.
On that website has an iframe2 with scrolling function.
When I scrolling iframe2 , iframe1 is pushed up and down,
How can I prevent push up and down iframe1 when I scrolling content in frame2?
test.zip (291.1 KB)

Thank you