您的位置:首页 > Web前端 > BootStrap

BootStrap 附加导航组件

2016-07-21 17:29 621 查看
附加导航及粘贴到屏幕某处实现锚点的功能

<html>

<head>

<meta charset="UTF-8">

<title></title>

<script type="text/javascript" src="js/jquery-3.1.0.js" ></script>

<link rel="stylesheet" href="css/bootstrap.css" />

<script type="text/javascript" src="js/bootstrap.min.js" ></script>

</head>

<style>

.nav-pills{

width:150px;

}

</style>

<body data-spy="scroll" data-target="#myScrollspy">

<div class="container">

<div class="jumbotron" style="150px">

<h2>BootStrap Affix</h2>

</div>

<div class="row" >

<div class="col-xs-3" id="myScrollspy">

<ul class="nav nav-pills nav-stracked" data-spy="affix" data-offset-top="150">

<li><a href="#section-1">第一部分</a></li>

<li><a href="#section-2">第二部分</a></li>

<li><a href="#section-3">第三部分</a></li>

<li><a href="#section-4">第四部分</a></li>

<li><a href="#section-5">第五部分</a></li>

</ul>

</div>

<div class="col-xs-8">

<h2 id="section-1">第一部分</h2>

<p> 杨岭村位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹地,山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹位于曾经“苦甲天下”的西海固地区,位于曾经“苦甲天下”的西海固地区,六位于曾经“苦甲天下”位于曾经“苦甲位于曾经“苦甲天下”位于曾经“苦位于曾经“苦甲天下”位于曾经“苦位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹甲天下”的西海固地区,六盘山集中连片特困地区的腹,六盘山集中连片特困地区的腹甲天下”的西海固地区,六盘山集中连片特困地区的腹,六盘山集中连片特困地区的腹天下”的西海固地区,六盘山集中连片特困地区的腹,六盘山集中连片特困地区的腹盘山集中连片特困地区的腹,山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹地,山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹地,山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹地,山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹地,山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。</p>

<h2 id="section-2">第二部分</h2>

<p> 杨岭村位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹地,山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹位于曾经“苦甲天下”的西海固地区,位于曾经“苦甲天下”的西海固地区,六位于曾经“苦甲天下”位于曾经“苦甲位于曾经“苦甲天下”位于曾经“苦位于曾经“苦甲天下”位于曾经“苦位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹甲天下”的西海固地区,六盘山集中连片特困地区的腹,六盘山集中连片特困地区的腹甲天下”的西海固地区,六盘山集中连片特困地区的腹,六盘山集中连片特困地区的腹天下”的西海固地区,六盘山集中连片特困地区的腹,六盘山集中连片特困地区的腹盘山集中连片特困地区的腹,山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹地,山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹地,山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹地,山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹地,山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。</p>

<h2 id="section-3">第三部分</h2>

<p> 杨岭村位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹地,山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹位于曾经“苦甲天下”的西海固地区,位于曾经“苦甲天下”的西海固地区,六位于曾经“苦甲天下”位于曾经“苦甲位于曾经“苦甲天下”位于曾经“苦位于曾经“苦甲天下”位于曾经“苦位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹甲天下”的西海固地区,六盘山集中连片特困地区的腹,六盘山集中连片特困地区的腹甲天下”的西海固地区,六盘山集中连片特困地区的腹,六盘山集中连片特困地区的腹天下”的西海固地区,六盘山集中连片特困地区的腹,六盘山集中连片特困地区的腹盘山集中连片特困地区的腹,山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹地,山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹地,山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹地,山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹地,山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。</p>

<h2 id="section-4">第四部分</h2>

<p> 杨岭村位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹地,山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹位于曾经“苦甲天下”的西海固地区,位于曾经“苦甲天下”的西海固地区,六位于曾经“苦甲天下”位于曾经“苦甲位于曾经“苦甲天下”位于曾经“苦位于曾经“苦甲天下”位于曾经“苦位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹甲天下”的西海固地区,六盘山集中连片特困地区的腹,六盘山集中连片特困地区的腹甲天下”的西海固地区,六盘山集中连片特困地区的腹,六盘山集中连片特困地区的腹天下”的西海固地区,六盘山集中连片特困地区的腹,六盘山集中连片特困地区的腹盘山集中连片特困地区的腹,山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹地,山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹地,山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹地,山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹地,山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。</p>

<h2 id="section-5">第五部分</h2>

<p> 杨岭村位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹地,山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹位于曾经“苦甲天下”的西海固地区,位于曾经“苦甲天下”的西海固地区,六位于曾经“苦甲天下”位于曾经“苦甲位于曾经“苦甲天下”位于曾经“苦位于曾经“苦甲天下”位于曾经“苦位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹甲天下”的西海固地区,六盘山集中连片特困地区的腹,六盘山集中连片特困地区的腹甲天下”的西海固地区,六盘山集中连片特困地区的腹,六盘山集中连片特困地区的腹天下”的西海固地区,六盘山集中连片特困地区的腹,六盘山集中连片特困地区的腹盘山集中连片特困地区的腹,山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹地,山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹地,山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹地,山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。杨岭村位于曾经“苦甲天下”的西海固地区,六盘山集中连片特困地区的腹地,山大沟深、产业滞后等因素制约着当地群众脱贫的步伐。</p>

</div>

</div>

</div>

</body>

</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: