我需要我的引導滾動設置的幫助。它突出了錯誤的div ID(總是最後一個)。任何人都可以幫助我嗎?Bootstrap滾動間諜突出顯示錯誤的編號
代碼:
內容:
<body style="heigt: 100%" data-spy="scroll" data-target="#side-menu">
<div class="container-fluid">
<div class="row">
<nav id="side-menu" class="col-xs-3 bs-docs-sidebar" data-gumshoe-header>
<ul class="nav nav-stacked fixed" data-gumshoe>
<li>
<a href="#GroupA">Group A</a>
</li>
<li>
<a href="#GroupB">Group B</a>
</li>
<li>
<a href="#GroupC">Group C</a>
</li>
</ul>
</nav>
<div class="col-md-9">
<div id="GroupA">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</div>
<br><br><br><br><br><br><br><br><br>
<div id="GroupB">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</div>
<br><br><br><br><br><br><br><br><br>
<div id="GroupC">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</div>
</div>
</div>
</div>
</body>
我使用的引導3.3.7和JQuery 2.2.4。
Regards
看看我編輯的答案。問題是沒有足夠的空間來垂直滾動。隨着更多的內容在你的div,代碼正常工作。 也考慮在你的div上使用CSS'margin'而不是使用數百萬個'br' :) –
我注意到你的'style =「heigt:100%」'而不是'style =「height:100%'' '身體'元素。 –
@BartoszT在你的回答中添加你的最後評論,我會接受你的回答。就是這樣!謝謝! – Lars