| <!DOCTYPE html> |
| <div id=one style="width: 100px; height: 100px; direction: rtl; overflow: scroll;"> |
| <div style="width: 192px; height: 192px; border: 4px solid black;"></div> |
| </div> |
| <div id=two style="width: 100px; height: 100px; direction: ltr; overflow: scroll; margin-top: 1em;"> |
| <div style="width: 192px; height: 192px; border: 4px solid black;"></div> |
| </div> |
| <script> |
| // Jiggle values around so that assigning 0 to scrollLeft isn't ignored due to |
| // it already being 0. |
| one.scrollLeft = -1; |
| one.scrollLeft = 0; |
| two.scrollLeft = 1; |
| two.scrollLeft = 0; |
| </script> |
