+7-499-70-300-44
заказать звонок
Заказать обратный звонок

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

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

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

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

Спасибо за оставленную заявку
Ожидайте звонка

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

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

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

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

 

<div style= "position:fixed; right:0.1%; bottom:45%;" id="nav_up"><img src="http://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="http://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>

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

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

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

&lt;pre&gt;&lt;div style= "position:fixed; right:0.1%; bottom:45%;" id="nav_up"&gt;&lt;img src="http://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;

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

<div style= "position:fixed; left:0.1%; bottom:0%;
 left:0.1%; - значит что кнопка находится с лева. Если хотим справа меняем на right.
bottom:45%; - значит что кнопка будет примерно по средине сайта. Если поставить 0%, будет как у меня, в самом низу.

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

Желаю удачи.

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

Другие статьи

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

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

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

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

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

Расчет стоимости
Введите ваше имя и телефон.
Я лично перезвоню Вам для уточнения деталей,
необходимых для расчета стоимости проекта.

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

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

Указать точное время звонка

или позвоните мне по телефону
+7-499-70-300-44
Расчет стоимости
Введите ваше имя и телефон.
Я лично перезвоню Вам для обсуждения деталей,
необходимых для расчета стоимости проекта.

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

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

Введите адрес сайта, который нуждается в продвижении *

Указать точное время звонка

или позвоните нам по телефону
+7-499-70-300-44
Спасибо за оставленную заявку
Ожидайте звонка
Расчет стоимости
Введите ваше имя и телефон.
Я лично перезвоню Вам для уточнения деталей,
необходимых для расчета стоимости проекта.

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

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

Указать точное время звонка

или позвоните мне по телефону
+7-499-70-300-44
Спасибо за оставленную заявку
Ожидайте звонка
Хочу так же
Введите ваше имя и телефон.
Я лично перезвоню Вам для уточнения деталей.

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

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

Указать точное время звонка

или позвоните мне по телефону
+7-499-70-300-44
[contact-form-7 404 "Not Found"]
Спасибо за оставленную заявку
Ожидайте звонка
Заказ СЕО продвижения
Введите ваше имя и телефон.
Я лично свяжусь с Вами для обсуждения деталей.

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

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

Введите ваш Скайп *

Спасибо за оставленную заявку
Ожидайте звонка