Question

因此，我目前正在Weebly上设计一个网站。但是，我正在使用的主题包含粘性/固定导航菜单。因此，无论何时向上或向下滚动，导航栏始终停留在顶部。我希望它使导航栏保持在绝对位置，并且在滚动时不会保持固定在顶部。

我尝试编辑CSS并从

更改“标题”的位置

position: fixed;至position: absolute;，但这似乎根本没有做任何事情。主要的麻烦是我的网站也包含JavaScript，我认为它对标头的位置也有一定的控制权。我发现JS代码的某些部分相信对粘性函数有一定影响。

if ($body.hasClass('header-sticky-up')) {
        base._utils.onScrollDirection({
          down: function(currentScrollTop) {
            $header
              .removeClass('is-visible')
              .toggleClass('is-sticky', (currentScrollTop > headerHeight * 2));

            base._closeAllDropdowns();
          },
          up: function() {
            $header.addClass('is-visible');
          },

具有JS背景的人对此有解决办法吗？

“ header-sticky-up”也与代码的CSS部分中的函数相关，如下所示：

 body.header-sticky-up & {
    position: fixed;

    &.is-sticky {
      .translate3d(0, -100%, 0);
      .transition(transform 0.2s ease-out);
    }

    &.is-visible {
      .translate3d(0, 0, 0);
    }

Answer 1

使用位置：绝对！在您的样式中很重要

如何从包含JavaScript的Weebly网站中删除粘性/固定标题？

1 个答案: