Cтрелка «НАВЕРХ» с плавной прокруткой страницы

Приветствую вас, друзья. Сегодня мы рассмотрим небольшой, но иногда очень удобный и даже необходимый скрипт — появляющаяся и пропадающая при прокрутке сайта стрелка «наверх» (примерно как на этом сайте).

Этот код вставляется между тегами <head></head>:

Далее в любое место между тегами <body></body> вставляем следующее:

Для начала немного разберем запись:

Это путь к файлу. В данном случае файл рисунка был помещён в созданную в корневой дирректории сайта папку «files». Если у вас будет другой путь — указывайте его.

«up.png» — это имя самого файла. Если у вас другое имя — указывайте его.

Теперь нужно выбрать ее местоположение, где она будет появляться, слева внизу или справа внизу. За этот параметра отвечает вот эта запись:

В данном случае это слева на расстоянии 20 px от левого края монитора. Если есть желание сделать ее справа, как на данном сайте, то пишем:

Ну и соответственно за отступ снизу отвечает:

Ниже приведена ссылка с различными кнопками. Выбирайте любую и устанавливайте себе на сайт.

А на этом все, до скорых встреч.

С уважением, Сергей Кривцов


Понравилась статья? Поделитесь с друзьями!

Читайте также на моем блоге:

Подписка на обновления блога: