WordPress主题页眉悬浮代码
以下是一个简单的WordPress主题页眉悬浮代码:
jQuery(document).ready(function() {
var navOffset = jQuery('#header').offset().top;
jQuery(window).scroll(function() {
var scrollPos = jQuery(window).scrollTop();
if (scrollPos >= navOffset) {
jQuery('#header').addClass('fixed');
} else {
jQuery('#header').removeClass('fixed');
}
});
});
这段代码使用了jQuery库来实现页面滚动时页眉的悬浮效果。它首先获取了页眉的初始位置(navOffset),然后使用scroll()函数检测页面滚动事件。当页面滚动到超过初始位置时,通过添加类名fixed来固定页眉。当页面滚动回到初始位置时,通过移除类名fixed来取消固定效果。您可以将此代码添加到主题的JavaScript文件中,或者直接将其添加到主题的header.php文件中。
原文地址: http://www.cveoy.top/t/topic/bkWt 著作权归作者所有。请勿转载和采集!