Iframe scroll bar problem caused by html {overflow-y: scroll}

When I made the iframe requirement today, I found that the chorme always had a scroll bar and could not be removed. The scrolling = "no" attribute did not work at all. However, this scroll bar does not appear in ie and firefox, and then asks for help from "longdi" to find out that the culprit is caused by an html {overflow-y: scroll} on the subpage.

The iframe page contains css: html {overflow-y: scroll}. Under the webkit core browser, the nested iframe in the parent page will have the scroll bar problem.

Benefits of using html {overflow-y: scroll} on the page:

In a non-IE browser, the page is 16 px wide without a scroll bar by default. If the page is loaded to a normal state and the length exceeds the height of the view, the scroll bar will suddenly appear, leading to page jitter.

The current pages are referenced using the margin: 0 auto; to center;

Force scroll to keep the position of the scroll bar always available. One can protect against shaking, and the other can reduce the reflow once, increasing page performance.

Source: http://www.heiniuhaha.cn/blog? P = 1152