滚动监听为什么我的网页内容不在导航栏的下面呢。总是让导航栏挡着一部分?

xiewei0916142 Bootstrap JavaS... 最后由 极客学院_ASMITA 于2016年04月30日回复

  • 1 回答
  • 803 浏览

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title>Ghost</title>

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

</head>

<body data-spy="scroll" data-target=".navbar" data-offset="10">

<!--data-offset="70" top 的偏移值。-->

<div class="container" data-spy="scroll" data-target=".navbar" data-offset="70">

<nav class="navbar navbar-default navbar-fixed-top" role="navigation">

<!--id="navbar-example"  根据ID号来进行判断是哪部分应用上效果。在body上的值 data-target="#navbar-example"-->

<div class="container-fluid">

<div class="collapse navbar-collapse" role="navigation">

<div class="container-fluid">

<div class="collapse navbar-collapse js-navbar-scrollyspy" id="myScrollspy">

<ul class="nav navbar-nav">

<li><a href="#iwen">@iwen</a></li>

<li><a href="#ime">@ime</a>

</ul>

</div>

</div>

</nav>

<h2 id="iwen">@iwen</h2>

<p>sdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfs<br />fsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfs<br />fsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdf<br />sfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdf<br />sfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfs<br

/>fsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsf<br />sdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsf<br />sfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfs<br />fsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfs<br

/>fsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfs<br />dfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfs<br />fsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfs<br />fsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdf<br />sfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdf<br

/>sfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfs<br />fsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsf<br />sdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsf<br />sfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfs<br

/>fsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfs<br />fsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfs<br />dfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfs<br />fsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfs<br

/>fsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdf<br />sfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdf<br />sfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfs<br />fsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsf<br />sdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsf<br

/>sfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfs<br />fsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfs<br />fsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfs<br />dfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsf

<hr />

</p>

<h2 id="ime">@ime</h2>

<p>12 3131354135sdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfs

<br />fsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfs<br />fsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdf<br />sfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdf<br />sfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfs<br />fsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsf<br

/>sdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsf<br />sfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfs<br />fsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfs<br />fsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfs<br />dfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfs<br

/>fsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfs<br />fsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdf<br />sfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdf<br />sfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfs<br />fsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsf<br

/>sdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsf<br />sfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfs<br />fsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfs<br />fsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfs<br />dfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfs<br

/>fsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfs<br />fsdfsfsfsdfsfsfsdfsfsfsdfsfsfsd