javascript - 如果我滚动并刷新网页，我的导航标题就会丢失其属性。 jQuery

Question

当我滚动时，我的导航标题从透明变为纯色，并且效果非常好。但是每当我刷新页面一半时，我的导航标题就会丢失其属性，并且看起来 jquery 会重置并且我的导航标题又恢复为透明。如果我刷新页面并且在页面的中间位置，我希望它保持纯色。

$(document).ready(function(){       
   var scroll_start = 0;
   var startchange = $('.header');
   var offset = startchange.offset();
   $(document).scroll(function() { 
      scroll_start = $(this).scrollTop();
      if(scroll_start > offset.top) {
          $('.header').css('background-color', '#111417');
       } else {
          $('.header').css('background-color', 'transparent');
       }
   });

});

Answer 1

您可以将状态保存在 cookie 中，并且每当页面刷新时，从 cookie 中读取状态并设置适当的 css 或类。

 $(document).scroll(function() { 
      scroll_start = $(this).scrollTop();
      if(scroll_start > offset.top) {
          $('.header').css('background-color', '#111417');
           //here save the cookie for example class or the css
       } else {
          $('.header').css('background-color', 'transparent');
           //here save the cookie
       }
   });