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

One Page - aktywna "zakładka"

Object Storage Arubacloud
0 głosów
578 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 625 wizyt
pytanie zadane 11 lipca 2021 w HTML i CSS przez Kytrap Początkujący (390 p.)
0 głosów
1 odpowiedź 179 wizyt
pytanie zadane 19 marca 2023 w HTML i CSS przez Igor4567 Nowicjusz (170 p.)
0 głosów
1 odpowiedź 242 wizyt

92,753 zapytań

141,671 odpowiedzi

320,385 komentarzy

62,100 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.

Akademia Sekuraka

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!

...