Здрасвуйте! Есть хедер, который имеет прозрачный фон. Как только пользователь начинает скролить страницу вниз - хедеру даётся цвет:
<script>
$(document).ready(function(){
$(window).scroll(function(){
var scroll = $(window).scrollTop();
if (scroll > 40) {
$(".main-header").css("background" , "rgba(255,255,255,1)");
$(".main-header").css("box-shadow" , "0 0 12px rgba(0,0,0,.2)");
}
else{
$(".main-header").css("background" , "rgba(255,255,255,0)");
$(".main-header").css("box-shadow" , "0 0 0 rgba(0,0,0,0)");
}
})
})
</script>
Однако, если обновить страницу, или обновить страницу после перехода по якорной ссылке - цвет хедера принимает значение по умолчанию, то есть прозрачный.
Вопрос: можно ли как-то исправить данную ситуацию?