<!DOCTYPE html> | |
<style> | |
#box { | |
width: 100px; | |
height: 100px; | |
background-color: #00ff00; | |
/* Force compositing. */ | |
backface-visibility: hidden; | |
} | |
#covered { | |
width: 100px; | |
height: 100px; | |
background-color: #ff8080; | |
} | |
#scroller { | |
overflow: visible; | |
height: 100px; | |
width: 100px; | |
/* Force compositing of the scroller. */ | |
backface-visibility: hidden; | |
} | |
#contents { | |
height: 1000px; | |
width: 100%; | |
} | |
</style> | |
<div id="box"></div> | |
<div id="covered"></div> | |
<div id="scroller"> | |
<div id="contents"></div> | |
</div> |