Итак, я сейчас создаю сайт на 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 есть исправление к этому?
Также «заголовок-липучка» относится к функции в части кода 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);
}