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