Zip Welcome
<!DOCTYPE html> <html> <head> <title>Scroll</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <section> <div class="bg"></div> </section> <script src="https://code.jquery.com/jquery-3.4.1.js"></script> <script type="text/javascript"> $(document).ready(function () { $(window).scroll(function(){ var scrollpos = $(window).scrollTop(); $('.bg').css({ 'height': +(scrollpos)+'px' }) }) }); </script> </body> </html> <style type="text/css"> body{margin: 0px; padding: 0px; min-height: 1550px;} section{position: relative; min-height: 100vh; display: flex; justify-content: center; align-items: center; overflow: hidden; } .bg{position: fixed; background: url(full-img.png); background-size: cover; background-attachment:...