<!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>