WP自定义菜单栏的粘滞菜单

时间:2013-05-30 作者:draco678

这似乎很简单,只是我想不出来。

在wordpress主题中,向下滚动页面后,如何使标题图像下方的自定义菜单栏粘贴在顶部?

示例站点包括www.riverviewford.comwww.forexfactory.com.

这是我在网上找到的代码,我正试图在wordpress中使用。http://jsfiddle.net/uFq2k/3/

我该如何实际调用脚本,以及从何处调用脚本?提前谢谢。

1 个回复
SO网友:Mike Madern

您可以执行以下操作:

1) 制作一个javascript文件并将以下内容放入其中:

$(function(){
    var stickyHeaderTop = $(\'#stickyheader\').offset().top;

    $(window).scroll(function(){
        if( $(window).scrollTop() > stickyHeaderTop ) {
            $(\'#stickyheader\').css({position: \'fixed\', top: \'0px\'});
        } else {
            $(\'#stickyheader\').css({position: \'static\', top: \'0px\'});
        }
    });
});
2)将此文件保存在主题文件夹中,例如stickyheader.js.
3)将以下代码放入主题的functions.php:

do_action( \'after_setup_theme\', \'wpse101288_enqueue_script\' );

function wpse101288_enqueue_script() {
    wp_register_script( \'stickyheader\', get_template_directory_uri() . \'/stickyheader.js\', array( \'jquery\' ) );
}
4)将要“粘滞”的菜单放在以下代码之间:

<div id="stickyheader">/* YOUR MENU CODE HERE */</div>
或者更好,添加id="stickyheader" 到菜单所在的现有元素。

结束

相关推荐

Admin sidebar customization

我的新客户wordpress站点在管理侧栏中没有插件、外观或任何其他默认项。谁能告诉我这些是怎么出现的吗。该站点正在主站点的子目录中运行。它有自己的wordpress安装。主题是前面的rttheme16。提前谢谢。