O tranziție lină către ancora-link, un blog serios despre grave
Bună prieteni. Vreau să ating pe un subiect, cum ar fi o tranziție lină către ancora-link-ul de pe pagina de web. Dacă scrie pe site-ul dvs. de texte mai lungi, acesta este formatat corect, aranja listele. capturi de ecran și alte elemente, derularea fără probleme la ancora va da un design și mai atractiv. Dar să ne spui mai întâi ce este și modul în care va funcționa. Un exemplu de munca pe care o puteți vedea pe această pagină, făcând clic pe elementele din această listă.
Cum de a lega-ancora HTML
Link-uri diblurilor limbaj de marcare hipertext HTML. Crearea unui ancoră în HTML - cazul nu este complicat. Este nevoie doar de un pic de cunoaștere a limbii și o înțelegere a modului în care funcționează. în cazul în care acest lucru aveți nici o problemă, o poti face fara dificultate. Deci, pentru a face o ancoră într-o pagină HTML, trebuie să vă înregistrați așa ceva în codul.
Eticheta de pe pagina pentru a merge la ea
Și pentru a merge la acel loc în pagina în care această etichetă este listat, trebuie să conectați pentru al înregistra aici:
Se deplasează la pagina de index
Cu această abordare, tranziția va fi un salt brusc de la un loc la altul
Smooth defilare pentru a ancora
Odată cu dezvoltarea tehnologiei Web, este posibil de a face site-uri mai interesante, dinamice, cu efecte diferite, animații și tranziții line. Și e foarte tare când poți cu ceva de interes pentru vizitator, în plus față de conținutul, și se lasă o impresie bună de la vizitarea site-ului. Într-o anumită măsură, joacă în mâinile proprietarului site-ului. Pentru o tranziție lină către ancora, vom folosi biblioteca jQuery și conectați script-ul foarte mic.
Conectați acest script în trei moduri. Prima este de a insera o pagină între cap de tag-uri. În al doilea rând - a face un fișier separat și conectați separat ca aceasta:
Acum, despre nuanțele de utilizare. În primul rând ancore trebuie să setați ID-uri (în loc de nume pentru a înregistra ID-ul). va arăta astfel:
Eticheta de pe pagina pentru a merge la ea
În al doilea rând, dacă doriți o derulare lină a fost realizată nu pentru toate ancore, dar numai la un anumit, trebuie să modificați a treia linie de script-ul ca aceasta: