章节标题是在固定的菜单栏下进行的

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%;
}