[英]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");
}
});
});
我們這邊go
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');
}
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.