| <!DOCTYPE html> |
| <html> |
| <head> |
| <script> |
| function onloadScrollTop() { |
| // Scroll until we see the grid item's border but not the grid item |
| window.scrollBy(0, -150); |
| } |
| </script> |
| </head> |
| <body style="height: 1000px" onload="onloadScrollTop()"> |
| |
| <div style="height: 200px; width: 100px; background-color:red"> |
| <div style="height: 100px; width: 100px; background-color: orange"></div> |
| <div style="height: 100px; width: 100px; background-color: green"></div> |
| </div> |
| |
| <div>There should be a 100px wide green box (grid item's border) above</div> |
| |
| <script> |
| window.scrollTo(0,300); |
| </script> |
| </body> |
| </html> |
