以下是一个简单的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文件中。

WordPress主题页眉悬浮代码

原文地址: http://www.cveoy.top/t/topic/bkWt 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录