Как отключить липкий заголовок, используя CSS или JS?

Question

Я создаю этот веб-сайт, на котором я хотел бы отключить закрепление заголовка, но тема не предоставляет возможности для этого, и тема не добавляет класс, когда меню закреплено. Я пробовал изменить положение: абсолютное, но не работает. Моя последняя надежда теперь использовать JS для добавления класса в заголовок после прокрутки сайта, а не просто отключение меню, но я не уверен, как это сделать. sh это.

Вот ссылка на сайт: https://vectormsp.co.uk/

Это оболочка заголовка, я пробовал изменить положение на абсолютное, но похоже, что это не работает.

#headerwrap {
    background-color: #fff;
    position: fixed;
    bottom: 0;
    z-index: 999;
    width: 100%;
}

Answer 1

Вы можете использовать:

if(window.scrollY==0){
 console.log("User is at the top of the page!")
}

Итак, чтобы добавить класс к элементу с Javascript, когда пользователь находится вверху страницы, вы можете использовать что-то вроде:

let header = document.getElementById("headerwrap")
if(window.scrollY==0){
    header.classList.add("NAME-OF-CLASS-TO-ADD");
}
else {
    header.classList.remove("NAME-OF-CLASS-TO-REMOVE");
}

Answer 2

просто замените fixed на relative

     #headerwrap {
         position: relative;
     }