Navigare netedă (derulare) a paginii către ancora

Navigare netedă (derulare) a paginii către ancora

În acest exemplu, vreau să vă arăt cum să creați o navigare netedă (defilare) a paginii într-o ancoră pentru site-ul dvs. Când faceți clic pe oricare dintre elementele de meniu, apare o tranziție lină fără a reîncărca și actualiza pagina la blocul sau elementul specificat. Un astfel de parcurgere este numit, de asemenea, "du-te la". Acest exemplu puteți aplica cu ușurință atunci când creați site-ul dvs. sau pentru a îmbunătăți un proiect existent.

Pentru a vă deplasa la locul dorit (secțiune) de pe site, este suficient să adăugați o legătură la identificatorul blocului dorit. De exemplu, linia de cod de mai jos indică trecerea de la orice secțiune a site-ului la blocul B:

Identificatorul blocului B al acestuia este specificat în secțiunea id:

Efectul unei navigări ușoare este realizat prin utilizarea unui script mic, pentru care trebuie să vă conectați în mod necesar jQuery din bibliotecă.

Asta e tot! Acum știți cum să implementați efectul derulării fără probleme a secțiunii (blocului) paginii pe ancora specificată. Vedeți și descărcați exemplul de mai jos.

În acest exemplu, vreau să vă arăt cum să creați o navigare netedă (defilare) a paginii într-o ancoră pentru site-ul dvs. Când faceți clic pe oricare dintre elementele de meniu, apare o tranziție lină fără a reîncărca și actualiza pagina la blocul sau elementul specificat. Un astfel de parcurgere este numit, de asemenea, "du-te la". Acest exemplu puteți aplica cu ușurință atunci când creați site-ul dvs. sau pentru a îmbunătăți un proiect existent. Pentru a vă deplasa la locul dorit (secțiune) de pe site, este suficient să adăugați o legătură la identificatorul blocului dorit. De exemplu, linia de cod de mai jos indică trecerea de la orice secțiune a site-ului la blocul B: Identificatorul blocului B din care este specificat ...

Votați pentru lecție

Articole similare