Прокрутка страницы вниз и вверх
Устанавливаем HTML-код для отображение кнопок Вверх/Вниз [HTML]<div class="scrollweb" style="position:fixed;bottom:70px;" id="web-deva_up"><img src="Up147.png" alt="Вверх" /></div> <div class="scrollweb" style="position:fixed;bottom:20px;" id="web-deva_down"><img src="Down65.png" alt="Вниз" /></div> [/HTML] Теперь ставим CSS-код который помогает нам сделать отступ от краев страницы. [CSS].scrollweb { margin:30px; cursor: pointer }[/CSS] Если вы хотите, что-бы кнопки были с правой стороны, замените margin:30px; на right:30px; И самое главное jQuery для реализации плавной автопрокрутки страницы. [JavaScript]<script type="text/javascript"> jQuery(function() { var overelem = jQuery('body'); jQuery('#web-deva_up').fadeIn('slow'); jQuery('#web-deva_down').fadeIn('slow'); jQuery('#web-deva_down').click( function (e) { jQuery('html, body').animate({scrollTop: overelem.height()}, 999); } ); jQuery('#web-deva_up').click( function (e) { jQuery('html, body').animate({scrollTop: '0px'}, 999); } ); }); </script>[/JavaScript] Вот и все.
|
Категория: 
Опубликовал: 
Используемый код:
Web-сайт автора: 
Автор: |
СКАЧАТЬ
Размер файла: 3.1 Kb |
Комменты
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация ]
[ Регистрация ]
