在页面刷新后继续点击CSS更改

Question

我正在使用Cookie Yes插件与wordpress，并有一切工作，除了最后一块。

我们希望横幅总是在顶部，而不是与导航栏重叠，所以我必须添加一些额外的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');
}
}

让我知道这是否有效