您可以执行以下操作:
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"
到菜单所在的现有元素。