position-sticky-rtl-ref.html (474B)
1 <!DOCTYPE html> 2 <style> 3 .container { 4 display: flex; 5 overflow: auto; 6 width: 500px; 7 position: relative; 8 } 9 10 .container { 11 scrollbar-width: none; 12 } 13 14 .child { 15 width: 1900px; 16 height: 100px; 17 flex-shrink: 0; 18 background: lightblue; 19 } 20 .sticky { 21 position: absolute; 22 left: 0; 23 width: 100px; 24 height: 100px; 25 flex-shrink: 0; 26 background: lightgreen; 27 } 28 </style> 29 <div class="container" dir="rtl"> 30 <div class="child">1</div> 31 <div class="sticky">20</div> 32 </div>