logo частный маркетолог Москва
logo частный маркетолог Москва

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

18 августа 2013 в 8:30 Блог веб-разработчика
Хотите я произведу настройку как описано в статье вместо вас? Стоимость работы: 500 руб. Срок исполнения: 1 час. Работаю без предоплаты.

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

Кому нужен, скопируйте ниже приведенный код в файл 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

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

Оставить заявку
Для экономии вашего времени на все вопросы отвечают программисты/сеошники/маркетологи, а не секретари или офис-менеджеры. Вы сразу получите квалифицированный ответ на большинство технических вопросов. Работаем ежедневно, с 9.00 до 23.00 МСК.

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

Ваш вопрос:

Пожалуйста, докажите, что вы человек, выбрав флаг.

Рассчитать стоимость
Для экономии вашего времени на все вопросы отвечают программисты/сеошники/маркетологи, а не секретари или офис-менеджеры. Вы сразу получите квалифицированный ответ на большинство технических вопросов. Работаем ежедневно, с 9.00 до 23.00 МСК.

Прикрепить файл:

Ваш вопрос:

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

Заказать обратный звонок
Для экономии вашего времени на все звонки отвечают программисты, а не секретари или офис-менеджеры. Вы сразу получите квалифицированный ответ на большинство технических вопросов. Работаем ежедневно, с 9.00 до 23.00 МСК.

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

Как с вами связаться? *

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

Корзина пуста