提问者:小点点

闪烁的通知栏


我不是开发人员只是想知道我怎么做?

场景:

-我在顶部创建了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>

共1个答案

匿名用户

将代码包装在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 });
      });
    });
  }