W dziale Bootstrap's ScrollSpy, gdzie dokładnie mogę umieścić spy = "przewiń"?

Question

on mówi wyraźnie o dokumentację

wystarczy dodać dane-spy = "scroll" do elementu, który chcesz szpiegować (najczęściej będzie to ciało)

Ale wydaje mi może tylko sprawić, że zadziała, jeśli położę to na ciele. Kiedy umieściłem go w dowolnym innym elemencie, który chciałbym śledzić, zostaje wybrany ostatni element nawigacji.

Here to na ciele, i to działa, i this jest dokładnie taki sam rzecz, ale z data-spy="scroll" na elemencie Chcę szpiegować, a nie (tylko ostatni element zostanie aktywowany).

Czy robię coś nie tak, czy to błąd?

Answer 1

Twój 2-ty Przykładem mogą być mocowane za pomocą:

#TryToPutDataSpyHere{ 
    display:inline; 
} 

Ale z jakiegoś powodu nie działa na demo

udało mi się odtworzyć problem z Doc: http://jsfiddle.net/baptme/KbphR/

Ale działa tylko wtedy, gdy mam następujący kod css (używany w dokumencie):

.scrollspy-example { 
    height: 200px; 
    overflow: auto; 
    position: relative; 
} 

http://jsfiddle.net/baptme/KbphR/1/

Wydaje się height: 200px; i overflow: auto; są zarówno konieczne

Nie na ciebie sprawa może ze względu na swój .box{height: 500px;}

Answer 2

Miałem podobny problem, gdzie zwój szpieg nie będzie działać na niczym, ale znacznika tak i rzeczywiście udał się bootstrap js znalazł szpiega Scroll odcinek (SCROLLSPY CLASS Definition) i zmienił ten wiersz:

elementu, $ = $ (element) .is ('body')? $ (Okno): $ (pierwiastek)

do tego:

, $ = $ elementu (element) .is ('ciało')? $ (Okno): $ (okno) // $ (pierwiastek)

(zauważ, że element po // jest komentarz, więc nie zapomnij mnie zmieniony)

I stały to dla mnie.