Disable IOS Scrolling. Overflow hidden is not working

• 

iPhone and iPad are refusing simple CSS/JS rule, overflow : hidden to disable scrolling There are some tips from the Internet, such as:

• Put wrapper, then use html, body, #wrapper {overflow:hidden, height:100% },
• Put some webkit prefix css,
• Change page to position absolute,
• Add special JS library.

Those ideas are frustrating and not working as expected. Until someone at stackoverflow wrote this code below that actually works