position-fixed-in-scroll-container-ref.html (475B)
1 <!DOCTYPE html> 2 <html> 3 <style> 4 5 body { 6 height: 10000px; 7 } 8 9 .outer-opacity { 10 opacity: 0.8; 11 } 12 13 .scrollbox { 14 border: 1px solid black; 15 width: 200px; 16 height: 400px; 17 overflow: hidden; 18 } 19 20 .inner-opacity { 21 height: 1000px; 22 opacity: 0.8; 23 } 24 25 .fixed { 26 background: blue; 27 width: 100px; 28 height: 100px; 29 } 30 31 </style> 32 33 <div class="outer-opacity"> 34 <div class="scrollbox"> 35 <div class="inner-opacity"> 36 <div class="fixed"></div> 37 </div> 38 </div> 39 </div> 40 </html>