Logowanie

Nav ScrollSpy bootstrap

pytanie zadane 5 lutego 2016 w HTML i CSS przez qoster Początkujący (350 p.)

Witam, już drugi dzień staram się zrobić navbara (chodzi o taki efekt: http://www.w3schools.com/bootstrap/bootstrap_scrollspy.asp). Chodzi aby śledzić aktualna pozycję w jakiej użytkownik się znajduje i wyświetlać ją na pasku nawigacyjnym.

na mojej stronie wygląda to mniej więcej tak:

<body>
   <div id="main-container" data-spy="scroll" data-target="#main-menu" style="position: relative"> 
     <header>
         <nav id="main-menu" > <!-- role="navigation" -->
                 <a href="#" id="menu-logo"></a>     
                        <ul>
                            <li><a href="#welcome">welcome</a></li>
                            <li><a href="#about-me">about-me</a></li>
                            <li><a href="#skills">skills</a></li>
                            <li><a href="#contact">contact</a></li>                         
                        </ul>                        
                    </nav>
     <header>

      <div id="welcome"></div>
      <div id="about-me"></div>
      <div id="skills"></div>
   </div>
</body>

Ale niestety to nie działa. Próbowałem dać data-spy="scroll" do body ale niestety też nic nie dało. Jakieś pomysły ?

2 odpowiedzi

odpowiedź 5 lutego 2016 przez Comandeer Guru (602,310 p.)

odpowiedź 5 lutego 2016 przez qoster Początkujący (350 p.)

Podobne pytania

0 głosów

1 odpowiedź 492 wizyt

Dlaczego data-offset w scrollspy nie działa?

pytanie zadane 23 lipca 2017 w JavaScript przez The Real Slim Stefan Początkujący (450 p.)

0 głosów

1 odpowiedź 225 wizyt

Brak marginesu w elemencie o klasie nav-item [BOOTSTRAP]

pytanie zadane 12 sierpnia 2022 w HTML i CSS przez Piotrek2713 Mądrala (5,500 p.)

0 głosów

1 odpowiedź 106 wizyt

bootstrap v4.3 nav-item dropdown

pytanie zadane 19 sierpnia 2019 w HTML i CSS przez Teofil59 Nowicjusz (120 p.)

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...

Nav ScrollSpy bootstrap

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

2 odpowiedzi

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci