<!DOCTYPE html>
<style>
body {
margin: 0;
}
section {
height: 250px;
width: 250px;
margin-top: 50px;
display: block;
}
div {
height: 200px;
width: 200px;
overflow: scroll;
}
div > div {
height: 1000px;
width: 1000px;
background: linear-gradient(to bottom, red, white);
}
iframe {
height: 211px;
width: 211px;
display: block;
border: none;
}
embed {
height: 222px;
width: 222px;
display: block;
border: none;
}
</style>
<!-- contains three types of non-fast scrollable objects: div, iframe, and plugin -->
<section>
<div>
<div></div>
</div>
</section>
<section>
<iframe src="data:text/html;charset=utf-8,<style>body {height:1000px; width:1000px; background: linear-gradient(to bottom, red, white);}</style>"></iframe>
</section>
<section>
<embed type="application/x-webkit-test-webplugin"></embed>
</section>