09 сентября, 2012

Перемотка вверх на jQuery



<div align="center" id="up"><a href="#">Наверх</a></div>  

<script> $("#up").click(function() {$('html, body').animate({scrollTop:0}, 'slow'); return false; }); </script> 

Плавная перемотка страницы вверх, выполненная на jQuery. Естественно, вам нужно подключить его к сайту. Если в браузере отключено выполнение JavaScript, то осуществится обычный скачок наверх.

Пример вы можете посмотреть, нажав на стрелочку внизу этого сайта.

UPDATE:
Немного изменим код для перемотки VK-like стилем.
<script>
$("#up").click(function() {$('html, body').animate({scrollTop:10}, 0).animate({scrollTop:0}, 'slow');
        return false;
});
</script>

Комментариев нет:

Отправить комментарий