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

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

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