如何让处于文档流中间的tab标签页滚动到顶部时固定

js代码：   

 $(document).ready(function(){

        $(window).scroll(function(){
            var scrolltop=$(this).scrollTop();
            if(scrolltop>=378){
                $(".tab-title").addClass("tab_top");
            }else{
                $(".tab-title").removeClass("tab_top");
            }

        });

css代码：

.tab_top{
    position: fixed;top: 0;z-index: 1000;
}

html代码：

            <div class="tab-title" >
                <ul id="tab_title">
                    <li><a href="#advantage">产品优势</a></li>
                    <li ><a href="#features">产品功能</a></li>
                    <li ><a href="#start">使用入门</a></li>
                    <li ><a href="#wiki">帮助手册</a></li>
                </ul>
            </div>