initial-scroll-1-ref.html (742B)
1 <!DOCTYPE html> 2 <!-- Any copyright is dedicated to the Public Domain. 3 - http://creativecommons.org/publicdomain/zero/1.0/ --> 4 <html> 5 <head> 6 <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com"> 7 <style> 8 #scroll { 9 width: 100px; 10 height: 100px; 11 overflow: hidden; 12 direction: rtl; 13 } 14 #inner { 15 width: 200px; 16 height: 200px; 17 direction: ltr; 18 } 19 #sticky { 20 position: relative; 21 left: 110px; 22 width: 10px; 23 height: 10px; 24 background-color: black; 25 } 26 </style> 27 <body> 28 <div id="scroll"> 29 <div id="inner"> 30 <div id="sticky"> 31 </div> 32 </div> 33 </div> 34 </body> 35 </html>