Код: Выделить всё
<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: - это отступ от правого края.