Any Ideas on How to Do This? (HTML/CSS/JAVASCRIPT)

[Blue Canary]

So, I'm trying to use a background image for something, and I don't want to repeat it. However, if I fix it in place, then the full image will never be shown. Any idea on how to make it scroll to the bottom of the image, and then stop scrolling?

 

[(◕‿◕✿)]

Sounds like you just need

background-attachment: fixed;

Though you could try something like,

background: url('your_image.path') fixed no-repeat;

. Might also want to look into the background-size property as well.