• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

One Page - aktywna "zakładka"

Aruba Cloud - Virtual Private Server VPS
0 głosów
646 wizyt
pytanie zadane 14 marca 2016 w HTML i CSS przez marks-maks Początkujący (430 p.)

Cześć!

Robię stronę typu One Page i nie mam pomysłu jak zrobić by aktywna "zakładka" (zakładek nie ma, bo to one page, a strona po kliknięciu w menu przesuwa się do odpowiedniego DIVa) była podświetlona. Klasa active po kliknięciu w dany link powinna się przemieszczać. Proszę o wyjaśnienie sposobu, bo chciałbym rozumieć to co zastosuję.

         <li><a href="#home" class="active">STRONA GŁÓWNA</a></li>
         <li><a href="#artykuly">ARTYKUŁY</a></li>
         <li><a href="#forum">FORUM</a></li>

2 odpowiedzi

0 głosów
odpowiedź 14 marca 2016 przez Głaz997 Bywalec (2,250 p.)
wybrane 14 marca 2016 przez marks-maks
 
Najlepsza
Pozwolę wspomóc się świetnym linkiem: http://www.bytemuse.com/scrollIt.js
komentarz 14 marca 2016 przez marks-maks Początkujący (430 p.)
edycja 14 marca 2016 przez marks-maks

Ciekawe jak te linki mają się do SEO:

<a data-scroll-nav="0">About</a>
<a data-scroll-nav="1">Usage</a>
<a data-scroll-nav="2">Options</a>

Użyłem tego skryptu, ale jedna rzecz mi się nie podoba. Jak najeżdżam kursorem na "zakładkę" to kursor zmienia się w znaczek do zaznaczania tekstu. Jak to poprawić?

// Ok. zmieniłem trochę linki i jest git.

<a href="#strona_glowna" data-scroll-nav="0">STRONA GŁÓWNA</a>

 

komentarz 15 marca 2016 przez Głaz997 Bywalec (2,250 p.)

Aby poprawić kursor wystarczy użyć prostego css'a 

cursor:pointer;

 

0 głosów
odpowiedź 14 marca 2016 przez saliwan22 Gaduła (3,110 p.)

Będziesz musiał linkować np

<a href="#div do którego chcesz przekierować użytkownika">
<div id="menu1btn">
</div>
</a>

itd a animacje otrzymasz dzięki media querries ale ten temat był już poruszany na forum...

komentarz 14 marca 2016 przez saliwan22 Gaduła (3,110 p.)

Ja animacje scrolla ogarniałem na tej stronie  http://www.e-zoner.pl/jquery/jquery-przewijanie-strony#jquery polecam

Podobne pytania

+1 głos
2 odpowiedzi 812 wizyt
pytanie zadane 11 lipca 2021 w HTML i CSS przez Kytrap Początkujący (390 p.)
0 głosów
1 odpowiedź 419 wizyt
pytanie zadane 19 marca 2023 w HTML i CSS przez Igor4567 Nowicjusz (170 p.)
0 głosów
1 odpowiedź 340 wizyt

93,331 zapytań

142,323 odpowiedzi

322,400 komentarzy

62,666 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...