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

Скрипт кнопок прокрутки страницы вверх и вниз на JavaScript

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

Сообщение Moroz »

Скрипт стрелок вверх и вниз
Скрипт кнопок прокрутки страницы вверх и вниз на JavaScript

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

<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 »

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

Сообщение Гость »

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

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

HTML код
BBCode
Link
Ответить

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

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

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