jquery - 部分标题在固定菜单栏下

Question

我从来没有使用过 css，但这次我需要做。我有一个奇怪的行为。当我单击标题中的菜单时。各部分的标题位于菜单后面。

这是我的代码: http://jsfiddle.net/cu0520mL/

这是我的 javascript:

   $(document).ready(function(){
        scrollEvent();
        $(".menu >ul >li").click(function(){
            $(window).scrollTop($(window).scrollTop() + 60);
        });
        $('.more-blogs > ul').find('li').click(function(){
            $(this).toggleClass('show-blog-lists');
        });
    });

function scrollEvent(){
    $(window).bind('scroll', function(e) {
        e.preventDefault();
         var navHeight = $( window ).height() - 70;
         if ($(window).scrollTop() > navHeight) {
             $('.menu').addClass('fixed');
         }else {
             $('.menu').removeClass('fixed');
         }
    });
}

Answer 1

希望这能帮助您试用并根据您的要求进行修改http://jsfiddle.net/sbuppkth/

.menu.fixed {
 position: fixed;
 bottom: 0;
 width: 100%;
}