Скрипт стрелок вверх и вниз

Коллекция JavaScript для сайтов и форумов
Аватара пользователя

Автор темы
Yellowstone
Наемник
Сообщения: 275
Зарегистрирован: 08 ноя 2011, 23:19
Репутация: 0

Скрипт стрелок вверх и вниз

#1 Сообщение Yellowstone » 28 дек 2014, 09:42

Код: Выделить всё

<div style= "position: fixed; right: 1%; bottom: 7%;" id="nav_up"><img src="изображение" alt="Вверх страницы" title="Вверх страницы" border="0"/></div>
<div style= "position: fixed; right: 1%; bottom: 1%;" id="nav_down"><img src="изображение" 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>

Для изменения картинки перемещения, меняем на свою ссылку:
<img src="изображение" alt="Вверх страницы" title="Вверх страницы" border="0"/>
<img src="изображение" alt="Вверх страницы" title="Вниз страницы " border="0"/>

Для изменения положения на экране, меняем:
<div style= "position:fixed; right: 1%; bottom: 7%;" id="nav_up">
<div style= "position:fixed; right: 1%; bottom: 1%;" id="nav_down">

Проценты у bottom: - это отступ от нижнего края.
Проценты у right: - это отступ от правого края.


Denis_pog
Сообщения: 1
Зарегистрирован: 09 фев 2017, 02:06
Репутация: 0
Пол: Мужской

Скрипт стрелок вверх и вниз

#2 Сообщение Denis_pog » 09 фев 2017, 02:08

Здравствуйте, куда вставить этот код?
Только начал изучать phpbb :)

  • Поделитесь ссылкой

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «JavaScript»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 2 гостя

cron