бутон Script - нагоре - към бутона сайт, за сайта, на

Има един много прост начин да се предостави на потребителя функционална. Този метод не изисква участието на всички библиотеки или допълнителни скриптове и направи изключително с HTML и ако е необходимо, с активирането на CSS, чрез създаване на общи вътрешни връзки.

За да направите това, където и да е, в долната част на страницата си, просто добавете следния код:

Както можете да видите линка даден .topbutton клас с помощта на който, с помощта на CSS, можете да направите някоя връзка, желания външен вид, например, да видите същия бутон.

В стила на вашия сайт, те обикновено са да бъдат вмъкнати в style.css файла:

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

Предимства на този вид бутон:

+ За да работите с бутоните не е нужно да използвате скриптове и голям от обема на библиотеката. И това е един много голям плюс.

превъртате нагоре и надолу по JQuery

Това решение позволява да се движат надолу, така и нагоре страници т. К. Състои се от два бутона. Фиксирани бутони, разположени в лявата част на страницата. При извършване на бутоните за превъртане миг леко.

Архивът на изтегляне ще съдържа всички необходими файлове за операционните бутони. Това CSS, JS файлове и изображения които аз смятам за стрелеца.

Smooth Scrolling бутон, като използвате JQuery

Друг вариант на организация плавно превъртане на съдържанието на страницата отдолу нагоре, като се използва JQuery. Бътън се намира в долния десен ъгъл на страницата, и се появява само ако малко proskrolit надолу в страницата. Всички осъществява с помощта на една малка част от CSS и JS код, както и една малка картина се използва като бутон.

Харесва ми този бутон, така че да не се нуждае от създаването на голям брой скриптове в същото време тя има добри ефекти.

Сега да видим какво трябва да се направи за да се свържете бутона на сайта

Вие ще трябва снимка на бутона самата може да има такива, и да използвате това:

За да се обадите на бутон при основното съдържание на страницата, или преди да поставите маркера следния HTML код:

С този код, с изключение на външен вид, ние определяме позицията на бутона и тире 100 PX на дясно и от долната 50 PX. Най-добре е да добавите файл, за да си стилове на мястото.

За да започнете, свържете библиотеката, ако то не е свързано с вашия сайт. За да направите това, таговете . ? въведете следното:

След това, веднага след библиотека връзка, трябва да се намери на следния код JQuery:

Първо ScrollTop - определя текущата позиция на вертикалната лента за превъртане и ако тя е по-голяма от 100 пиксела, бутонът автоматично се появява. Ако искате да се появи рано или късно да се промени в необходимата стойност посока.

Както можете да видите, че има два варианта - 0 - означава, че страницата превърта до началото на пиксел до нула и 600 - е скоростта на анимацията в милисекунди.