Show Logo

I currently have a custom css where it hides my logo on the homepage on purpose but i want the logo to show when i scroll.
.site-header-main .custom-logo { opacity: 0; }