Bună ziua. 🙂
Aproape toate site-urile au un buton care se întoarce vizitatorul la partea de sus a paginii, în cazul în care este în partea de jos sau chiar sub partea de sus a site-ului.
Pe site-ul meu are deja o lecție dedicată cum să facă o întoarcere la buton, puteți vizualiza acest articol -
În același articol, vreau un pic de modernizare a lecției și de a face un nou buton pentru a forma în care se face pe site-ul VKontakte.
Pentru cei care sunt interesați de aspectul și performanța butonului de întoarcere pentru a iniția întruchiparea conceput.
La început, trebuie să identificați cu biblioteca jquery. Trebuie să vă conectați, dacă nu ați făcut acest lucru înainte.
Cel mai adesea, biblioteca este conectat la antet sau subsol. Dacă v-ați decis în cazul în care mai bine să facă acest lucru, inserați următorul cod
După biblioteca pe care doriți să conectați un script care va afișa butonul nostru și fără probleme a reveni vizitatorul la partea de sus a paginii.
Acest script are mai multe opțiuni pe care le puteți regla și personaliza.
- +100 - aceasta este înălțimea în pixeli, la care mișcarea începe să încetinească atunci când urci.
- -10 - înălțime în pixeli, care defilează script-ul să se ridice.
- 20 - valoare în milisecunde este egală cu 0,02 secunde, pentru care pixelii 10 sunt defilat definite mai sus.
- > 200 - înălțimea din partea de sus a paginii pe care apare butonul sau dispare în funcție de direcția de mișcare.
- 250 - numărul de milisecunde egal cu 0,25 secunde. Animația de apariția și dispariția.
În cele din urmă, trebuie să adăugați stiluri pentru a specifica vizualizarea corectă a butonului nostru, care va fi sub forma unei benzi translucide de pe partea stângă.
Acum, toate. Puteți verifica dacă butonul funcționează. Dacă doriți să schimbați aspectul și totuși departe de stilul de VKontakte, apoi înlocui toate discreția, dar cu atenție, astfel încât să nu perturbe funcționarea unui buton.
Și care parte preferați și o mai bună plasare a butoanelor din partea de sus sau de jos?
Asta e tot, vă mulțumesc pentru atenție. 🙂
Bună ziua dragi prieteni
Ai instalat extensia AdBlock sau altele asemenea. Adaugă site-ul meu pe lista albă, și, astfel, vnesesh contribuie la dezvoltarea acesteia. Instrucțiuni despre cum să dezactivați AdBlock doriți această fereastră