有人可以帮我将这个jQuery代码转换为纯JS吗?这是当您向下滚动页面时,导航菜单将被固定。
$(document).ready(function() {
var mainMenu = $('.primaryNav').offset();
$window = $(window);
$window.scroll(function() {
if ($window.scrollTop() >= mainMenu.top) {
$(".primaryNav").addClass("affix");
}
else {
$(".primaryNav").removeClass("affix");
}
});
});
答案 0 :(得分:0)
我们在这里
const nav = document.querySelector('.primaryNav');
const mainMenuTop = nav.getBoundingClientRect().top;
window.addEventListener('scroll', function(e) {
if (window.pageYOffset >= mainMenuTop) {
nav.classList.add('affix');
} else {
nav.classList.remove('affix');
}
});