Время чтения: 2 мин. 18 августа 2013 в 8:30 Блог веб-разработчика
Звёзд: 1Звёзд: 2Звёзд: 3Звёзд: 4Звёзд: 5
Загрузка...

WordPress кнопка вверх

На мой взгляд очень полезная вещь » Кнопка вверх «. Делюсь с Вами этим очень простым в установке и красивым а работе скриптом.

Кому нужен, скопируйте ниже приведенный код в файл footer.php перед закрывающимся тегом </body> Вашей темы:

[php]

<div style= "position:fixed; right:0.1%; bottom:45%;" id="nav_up"><img src="https://my-soft.moy.su/_ld/12/61058142.png" alt="В верх страницы" title="В верх страницы" border="0"/></div>
<div style= "position:fixed; right:0.1%; bottom:41%;" id="nav_down"><img src="https://my-soft.moy.su/_ld/12/91749186.png" alt="В низ страницы " title="В низ страницы" border="0"/></div>

<script type="text/javascript">
jQuery(function() {
var overelem = jQuery(‘body’);

jQuery(‘#nav_up’).fadeIn(‘slow’);
jQuery(‘#nav_down’).fadeIn(‘slow’);

jQuery(‘#nav_down’).click(
function (e) {
jQuery(‘html, body’).animate({scrollTop: overelem.height()}, 800);
}
);
jQuery(‘#nav_up’).click(
function (e) {
jQuery(‘html, body’).animate({scrollTop: ‘0px’}, 800);
}
);
});
</script>
[/php]

Настройки скрипта:

Изначально скрипт имеет две кнопки “ вверх-вниз ”.

Если нужна только одна кнопка — » вверх «, то код будет выглядеть так:

[php]
&lt;pre&gt;&lt;div style= "position:fixed; right:0.1%; bottom:45%;" id="nav_up"&gt;&lt;img src="https://site.ru/img1.png" alt="В верх страницы" title="В верх страницы" border="0"/&gt;&lt;/div&gt;

&lt;script type="text/javascript"&gt;
jQuery(function() {
var overelem = jQuery(‘body’);

jQuery(‘#nav_up’).fadeIn(‘slow’);
jQuery(‘#nav_down’).fadeIn(‘slow’);

jQuery(‘#nav_down’).click(
function (e) {
jQuery(‘html, body’).animate({scrollTop: overelem.height()}, 800);
}
);
jQuery(‘#nav_up’).click(
function (e) {
jQuery(‘html, body’).animate({scrollTop: ‘0px’}, 800);
}
);
});
&lt;/script&gt;
[/php]

где «https://site.ru/img1.png» — нужно заменить на адрес Вашей картинки.
Если Вы хотите Картинку Вконтакте и как у меня на сайте, тогда качайте Архив с Картинкой или рисуете свою кнопку.

Для меня скрипт очень удобеный.

Желаю удачи.

С уважением — Macsimus

Похожие статьи

Заказать обратный звонок

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Получить коммерческое предложение

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Какая услуга Вас интересует? *

Допонительные услуги

Комментарий

Получить коммерческое предложение

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Какая услуга Вас интересует? *

Допонительные услуги

Комментарий

Получить консультацию

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Комментарий

Получить консультацию

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Комментарий

[contact-form-7 404 "Not Found"]
[contact-form-7 404 "Not Found"]
Начать сотрудничество
Заполните поля ниже. Я лично перезвоню Вам в течении 15 минут для обсуждения деталей.

Введите ваше имя *

Введите контактный телефон *

Введите контактный Email для отправки точной стоимости

или позвоните мне по телефону
+7-499-70-300-44
Получить консультацию

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Комментарий

[contact-form-7 404 "Not Found"]
Заказать услугу
Я свяжусь с Вами в течении 15 минут в рабочее время для обсуждения деталей

Введите контактный телефон *

Введите контактный e-mail *

Комментарий

Получить коммерческое предложение

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Какая услуга Вас интересует? *

Допонительные услуги

Комментарий

Заказать услугу
Я свяжусь с Вами в течении 15 минут в рабочее время для обсуждения деталей

Введите контактный телефон *

Введите контактный e-mail *

Комментарий

Запись на бесплатный урок
Введите ваше имя, телефон и Skype логин и email.
Я свяжусь с Вами для уточнения времени прохождения урока.

Введите контактный телефон *

Введите ваше Skype логин *

Введите контактный E-mail *

Выберите программу

Введите ваше имя *

Введите контактный email *

Сообщение

Заказать сайт
Первые 14 дней бесплатно. Оставьте номер email и контактный телефон. Я лично перезвоню Вам в течении 10 минут, для обсуждения деталей.


Ваш email

Введите контактный телефон

Комментарий или вопрос