當(dāng)向下或向上滾動(dòng)時(shí)，菜單中間會(huì)出現(xiàn)短暫的空隙，怎么寫才能避免這個(gè)空隙出現(xiàn)呢？

下面是我的方法，我感覺(jué)這個(gè)方法太笨重了，而且效果不好：

$(function(){
                $('body').scrollspy({target: '#productDetailsNav'});
                $(window).scroll(function() { 
                    //頂部黑色菜單的高度
                    var navHeight = $('.TopTools').height();
                    console.log('navHeight:' + navHeight);
                    //固定菜單在滾動(dòng)時(shí)的相對(duì)高度
                        var targetTop = $(this).scrollTop(); 
                        //當(dāng)前固定菜單
                        var curNav = $('.nav-warp');
                        //common.isMobile() 是判斷在手機(jī)端時(shí)的顯示
                        //nav-mobile-fixed 手機(jī)端時(shí)顯示的位置
                        //nav-warp-fixed PC端時(shí)顯示的位置
                        if(common.isMobile() && targetTop > 0){
                            $('.nav-pills').show(200);
                            curNav.addClass('nav-mobile-fixed');
                        } else if(common.isMobile() && targetTop < 50){
                            $('.nav-pills').hide(200);
                            curNav.addClass('nav-mobile-fixed').removeClass('nav-warp-fixed');
                        } else if(common.isMobile() || targetTop > 30){
                            curNav.removeClass('nav-mobile-fixed').addClass('nav-warp-fixed');
                        } else if(common.isMobile() || targetTop < 30){
                            curNav.removeClass('nav-warp-fixed').addClass('nav-mobile-fixed');
                        }
                  });
            })    

煩懂的師傅們指點(diǎn)，謝謝！
在向下滾動(dòng)時(shí)，怎么讓固定的菜單與黑色菜單一起滾動(dòng)呢，當(dāng)黑色滾動(dòng)看不見(jiàn)時(shí)，固定菜單固定在頂部？