ナビゲーションバーを上部に固定し、メインコンテンツ領域に3つのdivを配置したサイトがあります。
ブートストラップフレームワークからscrollspyを使用しようとしています。
divを超えてスクロールすると、メニューのさまざまな見出しが正常に強調表示されます。
また、メニューをクリックすると、ページの正しい部分までスクロールします。ただし、オフセットは正しくありません（ナビゲーションバーは考慮されていないため、約40ピクセルオフセットする必要があります）
私は上を参照ブートストラップ・ページにはオフセットオプションを言及しかし、私はそれを使用するかどうかはわかりません。
また$('#navbar').scrollspy()、でscrollspyを使用できると言っているときの意味もわかりません。どこに含めるかわからないので、含めなかったため、すべてが機能しているようです（オフセットを除く）。
オフセットdata-offset='10'はbodyタグのかもしれないと思いましたが、それは私には何もしません。
これは本当に明白なことだと感じており、見逃しているだけです。何か助け？
私のコードは
...
<!-- note: the data-offset doesn't do anything for me -->
<body data-spy="scroll" data-offset="20">
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="#">VIPS</a>
<ul class="nav">
<li class="active">
<a href="#trafficContainer">Traffic</a>
</li>
<li class="">
<a href="#responseContainer">Response Times</a>
</li>
<li class="">
<a href="#cpuContainer">CPU</a>
</li>
</ul>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="span12">
<div id="trafficContainer" class="graph" style="position: relative;">
<!-- graph goes here -->
</div>
</div>
</div>
<div class="row">
<div class="span12">
<div id="responseContainer" class="graph" style="position: relative;">
<!-- graph goes here -->
</div>
</div>
</div>
<div class="row">
<div class="span12">
<div id="cpuContainer" class="graph" style="position: relative;">
<!-- graph goes here -->
</div>
</div>
</div>
</div>
...
<script src="assets/js/jquery-1.7.1.min.js"></script>
<script src="assets/js/bootstrap-scrollspy.js"></script>
</body>
</html>
なぜあなたはあなたのdivに対して相対的な位置を与えているのですか？おそらくそれが原因です。コードを使用してjsfiddleを作成して、実際の動作を確認できますか？
—
ペリクリス