我试图让标题和菜单下面的标题是固定的/粘性的,总是可见的,但可以知道如何做到这两种方式。
发布于 2015-02-22 04:11:53
这个jQuery可以在主题中实现。在导航出现之前,可以将数字调整到要滚动的页面的很远的位置。然后,在CSS中设置fixed-nav类的样式,以覆盖导航的样式,并将其固定在页面的顶部。
jQuery:
jQuery("document").ready(function($){
var nav = $('.cap-primary-menu');
$(window).scroll(function () {
if ($(this).scrollTop() > 136) {
nav.addClass("fixed-nav");
} else {
nav.removeClass("fixed-nav");
}
});
});CSS:
.cap-primary-menu.fixed-nav { z-index: 9999; position: fixed; left: 0; top: 0; width: 100%; }资料来源:
http://www.sutanaryan.com/how-to-create-fixed-menu-when-scrolling-page-with-css-and-jquery/
https://stackoverflow.com/questions/28653397
复制相似问题