我不是开发人员只是想知道我怎么做?
场景:
-我在顶部创建了notif栏,我希望它现在是一个粘性元素而不是一个固定元素。-通知栏按预定方式工作。一旦关闭它,它就不会在刷新时再次出现。(问题出在哪里)
问题:刷新时,通知栏闪烁。
问题是,有没有办法使它不闪烁作为一个粘性元素?我知道如果它被设置成固定的,它工作的很好,但是我想要它的方式,它是(推下导航)。
http://mindatwork.webflow.com/
这是我从YouTube上拿到的剧本。
<script>
$.getScript('https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js', function() {
var cookieName = 'notificationClosed';
var cookieValue = 'userClosedIt';
var cookieExpire = Number($('.bar-number').text());
if(typeof Cookies.get(cookieName) !== 'undefined') $('.bar-collection-list').remove();
$('.close').click(function() {
Cookies.set(cookieName, cookieValue, { expires: cookieExpire });
});
});
</script>
将代码包装在window.onload
中,这样它只会在页面加载后执行代码。
window.onload = function(){
$.getScript('https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js', function() {
var cookieName = 'notificationClosed';
var cookieValue = 'userClosedIt';
var cookieExpire = Number($('.bar-number').text());
if(typeof Cookies.get(cookieName) !== 'undefined') {
$('.bar-collection-list').remove();
}
$('.close').click(function() {
Cookies.set(cookieName, cookieValue, { expires: cookieExpire });
});
});
}