Anchor и плавен преход за хипервръзки, проектирането и разработването на сайта

Добър ден. 🙂

Нещо, което не са работили, и пише статии. Е, нека да се коригира. Наскоро една от статиите, един от гостите напусна въпрос, което се занимава с хипервръзки. Обещах, че скоро ще напише статия за тях.

И така, да споделите с нас в самото начало, че котва връзка или просто котва. Хипервръзки - връзка, която се движи на посетителите на определено място на страницата. По своята същност тя е като маркер. Ако на страницата има голям обем и по същество се разделя на различни блокове, можете да направите така, че посетителят може да отиде директно на желаната част от страницата без да използвате превъртането.

Един пример за работата на такива връзки могат да бъдат намерени на тази страница:

За да започнете, просто трябва да се създаде връзка, вместо на пътя и да посочите котва и диез пред него - #

Те ще бъдат водещи на блока с ID - # YAK1. След това просто предписва желаната опция с дясната Haydee.

В нашия случай - това е просто DIV блок. В действителност, за проста преход това е всичко. Кликвайки върху такава връзка, посетителят ще прехвърли веднага на частта от страницата, която е най-котва блок.

За да се реализират на гладкото движение на котвите, трябва да се свържете - JQuery. След като аз съм бил търсят правото сценария и разрови купчина информация. В повече от половината покажи скриптове, които просто не работи по новата версия на библиотеката. Можете да намерите тези скриптове, преди да получите на сайта ми. Тогава аз получих сценария, което е чудесно решение за проблемите ми.

Като за начало, преди капачката или главата в мазето преди zakryvayuschimsyabody трябва да свържете JQuery библиотеката.

Уверете се, че тя вече не го е направила, за да не провокира конфликти и нефункционални скрипт.

Сега, след като библиотеката, свържете скрипт, който ще осигури плавен преход анимация.

Шестият ред съдържа броя 1500 - времето в милисекунди и е равна на 1,5 секунди. Това е времето, за което се прави прехода към желания котвата. За да се ускори или забави анимацията, просто да промените броя.

Това е всичко, благодаря ви за вниманието. 🙂

Ако сте били от полза за работата си, можете да подкрепят сайта :)

Вашият енергийна компания да започне така