在WordPress中添加自定义jQuery和CSS代码实现网站置顶菜单 (fixed header)

by | Oct 4, 2021 | 0 comments

在WordPress中添加自定义jQuery和CSS代码实现网站置顶菜单 (fixed header)

by | Oct 4, 2021 | CSS Tips and Tricks | 0 comments



用到的插件是Custom CSS & JS:

Simple Custom CSS and JS

jQuery代码:
jQuery(document).ready(function( $ ){
$(document).on(‘scroll’, function(){
if ($(document).scrollTop() 大于(大于号无法输入到这里) 100) {
$(“header”).addClass(“fixed”);
}else {
$(“header”).removeClass(“fixed”);
}
});
});

CSS代码:
header.fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 99;
}

source