intersection-observer-desktop.html (431B)
1 <!doctype html> 2 <meta charset="utf-8" /> 3 <meta name="viewport" content="width=device-width, minimum-scale=0.5" /> 4 <style> 5 html { 6 width: 100%; 7 height: 100%; 8 scrollbar-width: none; 9 } 10 body { 11 width: 200%; 12 height: 2000px; 13 margin: 0; 14 padding: 0; 15 } 16 17 #target { 18 width: 100%; 19 height: 10px; 20 position: absolute; 21 top: 200lvh; 22 background-color: red; 23 } 24 </style> 25 <div id="target"></div>