导航栏背景在滚动上淡化但在页面重新加载时不可见

Question

我有一个全白导航，透明背景，当它到达一个标题div（通常包含一个用作背景的图像）时，采用黑色淡入背景，由标题div的高度决定。但是，当重新加载页面时，必须再次滚动页面才能使导航具有背景。显然，如果重新加载的页面状态低于标题（主体具有白色背景，每个客户端），则这是一个问题。如果导航栏位于标题div下方，如何保留背景？感谢您的任何见解。

jQuery的：

var scroll_start = 0;
var startchange = $('.nav-null');
var Heightofit = startchange.outerHeight()-100;
$(window).scroll(function() {
    scroll_start = $(this).scrollTop();
    if (scroll_start > Heightofit) {
        $('nav').css('background-color', 'rgba(34,34,34,0.9)');
    } else {
        $('nav').css('background-color', 'transparent');
    }
});

CSS：

nav {
position:fixed;
width:100%;
z-index:1000;
padding:0 32px;
padding: 0 2rem;
-webkit-transition-duration: .4s;
        transition-duration: .4s;
}