add-background-attachment-fixed-during-smooth-scroll-ref.html (402B)
1 <!DOCTYPE html> 2 <title>Add background-attachment:fixed during smooth scroll</title> 3 <style> 4 #container { 5 width: 200px; 6 height: 200px; 7 overflow: scroll; 8 background: linear-gradient(green, blue); 9 background-attachment: fixed; 10 } 11 #content { 12 width: 7500px; 13 height: 7500px; 14 } 15 </style> 16 <div id="container"> 17 <div id="content">Content</div> 18 </div> 19 <script> 20 container.scrollTop = 6000; 21 </script>