Страница 1 из 1

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

Добавлено: 28 дек 2014, 09:42
Yellowstone

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

<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: - это отступ от правого края.

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

Добавлено: 09 фев 2017, 02:08
Denis_pog
Здравствуйте, куда вставить этот код?
Только начал изучать phpbb :)