如何将此 jQuery 代码转换为纯 Javascript(HTML 词缀)?
How to convert this jQuery code to plain Javascript (HTML Affix)?
有人可以帮我把这个 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");
}
});
});
开始了
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');
}
});
有人可以帮我把这个 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");
}
});
});
开始了
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');
}
});