我们拿淘宝网的商品详情页导航条作为示例。
![[php框架] Smarty基础商品教程 Smarty入门教程 Smarty框架教程 共10课](https://jy.tp.yuanmeng.life/uploads/images/20210319/f47dc487eb949895833cd962fddc6a8b.jpg)
附件
<div id="nav">
<ul>
<li class="current"><a href="javascript:void(0);">宝贝详情</a></li>
<li><a href="javascript:void(0);">评价详情（250）</a></li>
<li><a href="javascript:void(0);">成交记录（122件）</a></li>
</ul>
</div>为了达到滚动效果，我们给body撑起来一定高度，方便滚动条滚动。
接着我们引入jQuery库和smartFloat智能定位插件。
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="smartFloat.js"></script>本例中智能定位由smartFloat.js这个插件完成，我们看下调用代码：
$(function(){
$("#nav").smartFloat();
});*
回帖描述：*
链接类型：*
下载链接：
验证通过自动获取下载链接
*
描述：*
回帖描述：*
链接类型：*
阅读权限：*
下载链接：
微信客服
QQ客服
QQ群
