Плавен преход към котва-връзка, сериозна блог за сериозни
Здравейте приятели. Искам да се спра на една тема, като плавен преход към котва-връзката на уеб страницата. Ако пишете на вашия сайт по-дълги текстове, то е правилно форматиран, да организира списъците. снимки на екрани и други елементи, за гладко скролиране на котвата ще даде още по-атрактивен дизайн. Но нека първо да знам какво е и как тя ще работи. Един пример за работата можете да видите на тази страница, като кликнете върху елементите в този списък.
Как да се свържат-котва HTML
Връзки котва направи Hypertext Markup език HTML. Създаване на котва в HTML - случаят не е сложно. Това отнема само малко познания по езика и разбиране за това как тя работи. ако това имате никакъв проблем, можете да го направите без много затруднения. Така че, да се направи една котва в HTML страница, трябва да се регистрирате нещо подобно на това в кода.
Върху етикета на страницата, за да отида при нея
И, за да отидете на това място на страницата, на която е вписана този етикет, трябва да се свържат, за да го регистрирате тук:
Премества към индексната страница
С този подход, преходът ще бъде внезапен скок от едно място на друго
Плавното превъртане за закрепване
С развитието на уеб технологиите, е възможно да се направи по-интересни, динамични сайтове с различни ефекти, анимации и плавни преходи. И това е наистина страхотно, когато можете с нещо от интерес за посетителите, в допълнение към съдържанието, и да оставите добро впечатление от посещение на сайта. До известна степен, която тя играе в ръцете на собственика на сайта. За плавен преход към котвата, ние използваме JQuery библиотеката и да се свържете много малък скрипт.
Свържете този сценарий по три начина. Първата е да се вмъкне между страница тагове главата. Второ - да направи отделен файл и да се свържете отделно по следния начин:
Сега за нюансите на употреба. Първо котви трябва да зададете документи за самоличност (вместо име да се регистрирате номер). тя ще изглежда така:
Върху етикета на страницата, за да отида при нея
На второ място, ако искате гладко скролиране се извършва не за всички котви, но само до известна, трябва да се промени на третия ред на скрипта като това: