Добавление кнопок «вверх» и «вниз» для сайта

Кнопки «вверх», «вниз» добавляют удобство для посетителей вашего сайта.

На своем сайте я это реализовала просто — обычным  javascript кодом.  Вставить его можно куда угодно, вот хотя бы в подвал, как у меня. Работы минимум, эффект на лицо.

Ниже приведен код, который Вы можете вставить в подвал вашего сайта, чтобы не мешался и получите кнопки !вверх», «вниз».

Пользуйтесь на здоровье.

<div style=«position:fixed;z-index:1003; right :0.5%; bottom: 45%;»>
  <a href=«#top» onclick=«scrollTo(0,0); return false;» title=«Вверх страницы»>
    <img src=«http://takvse.ru/wp-content/uploads/2016/10/111-e1476714044579.jpg» alt=«Вверх страницы»>
  </a>
  <br>
  <br>
  <a href=«#top» onclick=«scrollTo(0, document.body.scrollHeight); return false;» title=«Вниз страницы»>
    <img src=«http://takvse.ru/wp-content/uploads/2016/10/11-e1476712165908.jpg» alt=«Вниз страницы»>
  </a>
</div>

Вы можете скопировать скрипт так, как он есть, а можете изменить следующую строчку:

http://takvse.ru/wp-content/uploads/2016/10/111-e1476714044579.jpg —Вверх страницы

или

http://takvse.ru/wp-content/uploads/2016/10/11-e1476712165908.jpg — вниз страницы,

на путь к своей папке с изображением кнопок. Кстати, кнопки я нарисовала  сама в программе Point. Вы можете поэкспериментировать и нарисовать свои кнопки под дизайн вашего сайта.

Подпишись на обновления takvse.ru !

Яндекс.Метрика