頁面刷新后繼續單擊 CSS 更改

Question

我正在使用帶有 wordpress 的 Cookie Yes 插件，並且除了最后一塊外，一切正常。

我們希望橫幅總是在頂部，而不是與導航欄重疊，所以我不得不添加一些額外的 CSS 以便它會粘在頂部。

我添加了一個 JS 功能，當您單擊確認 cookie 鏈接時，橫幅消失，導航回到頂部。

但是我發現，當我刷新頁面時，樣式丟失了，並且站點頂部有一個很大的空白，橫幅所在的位置。

我怎樣才能得到它才能保留這些額外的樣式？ 這是網站的鏈接

$(document).ready(function(){
  $('#cookieToggle').on('change', function(){
    const value = $(this).prop('checked');
    onCookieSelection (value);    
 });

function onCookieSelection (val) {
    $('#divAcceptCookiesConfirm').toggle(val);
    $('#divAcceptCookiesReject').toggle(!val);
 }  
 $('#cookieToggle').prop( "checked", true );
  onCookieSelection(true);

 $('#wt-cli-accept-all-btn').on('click', function() {
    $('html.has-not-scrolled #desktop-header').css('top', '0px');
    $('#mobile-header').css('top', '0px');
    $('main').css('top', '0px');
          
   });
    $('#wt-cli-reject-btn').on('click', function() {
        $('html.has-not-scrolled #desktop-header').css('top', '0px');
        $('#mobile-header').css('top', '0px');
        $('main').css('top', '0px');
    });
});

Answer 1

我不知道你是如何檢查 cookie 是否設置的。

讓我們假設is_cookie_set()函數返回 true/false 。 所以如果用戶已經接受了 cookie，那么它返回 true。

所以做這樣的事情來解決這個問題：

    $(document).ready(function(){
        if(is_cookie_set()){
            $('html.has-not-scrolled #desktop-header').css('top', '0px');
            $('#mobile-header').css('top', '0px');
            $('main').css('top', '0px');
        }
    }

讓我知道這是否有效