Как сделать чтобы при прокрутке нав меню прилипало к верхнему краю экрана?

Question

[Михаил Размыслович]

Я написал код js но вылетает вот такая ошибка TypeError: document.querySelector(...).offset is not a function

/* закрепление нав меню */
document.addEventListener("DOMContentLoaded", function() {
    const start_pos = document.querySelector('.row-nav').offset().top;
     document.querySelector(window).scroll(function(){
     if (document.querySelector(window).scrollTop()>=start_pos) {
     if (document.querySelector('.row-nav').hasClass()==false) 
        document.querySelector('.row-nav').addClass('fixed');
     }
     else document.querySelector('.row-nav').removeClass('fixed');
     });
    });

Подскажите, почему?

Comments

[kotoslav]

Ну у элементов и правда нет такой функции, попробуй так:
document.querySelector('.row-nav').offsetTop

[kotoslav]

if (document.querySelector('.row-nav').hasClass()==false)  // 
        document.querySelector('.row-nav').addClass('fixed');
     }
     else document.querySelector('.row-nav').removeClass('fixed');
     });

вот это поменять на

document.querySelector('.row-nav').classList.toggle('fixed')

[Сергей delphinpro]

Вы смешиваете нативный js и функции из jquery

Answer 1

[Антон Иванов]

Вообще-то прилипание гораздо проще сделать стандартным свойством CSS
https://developer.mozilla.org/en-US/docs/Web/CSS/p...
И не выдумывать велосипед

Answer 2

[Виталий Першин]

Есть пример на jquery