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)
还没有任何评论哟~
