Advertisement

H5 flex开发tab吸顶界面

阅读量:

达成tab吸顶效果的核心理念在于:首先确定需要固定位置的组件所在区域,随后计算页面滚动所经过的总距离,将两者进行比对,进而应用相应的样式设置即可实现目标。

html代码:

复制代码
 <div class="content">

    
     <header>header</header>
    
     <nav id="nav">
    
     <ul>
    
         <li>网页</li>
    
         <li>资讯</li>
    
         <li>知道</li>
    
         <li>文库</li>
    
         <li>图片</li>
    
         <li>视频</li>
    
         <li>音乐</li>
    
         <li>地图</li>
    
     </ul>
    
     </nav>
    
     <div class="center">
    
     <section>
    
         <article>artical</article>
    
         <article>artical</article>
    
         <article>artical</arti

全部评论 (0)

还没有任何评论哟~