1

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

设想:

-我在顶部创建了通知栏,我希望它现在的方式是粘性而不是固定元素。 -通知栏按照预期的方式工作。关闭它后,它不应在刷新时再次出现..(问题出在哪里)

问题: 刷新时,通知栏闪烁..

问题 有没有办法让它不作为粘性元素闪烁?我知道如果它设置为 Fixed 可以正常工作,但我希望它保持原样(向下推导航)..

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>
4

1 回答 1

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 });
      });
    });
  }
于 2020-12-22T14:31:27.463 回答