如何将此jQuery代码转换为纯Javascript (HTML Affix)？
如何将此jQuery代码转换为纯Javascript (HTML Affix)？
提问于 2020-06-10 11:28:59
有没有人能帮我把这个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");
}
});
});回答 1
Stack Overflow用户
回答已采纳
发布于 2020-06-10 11:53:53
我们开始吧
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');
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62295351
复制相关文章
相似问题
腾讯云开发者
