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

本文主要是介绍如何让处于文档流中间的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>

这篇关于如何让处于文档流中间的tab标签页滚动到顶部时固定的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---