Делаем кнопки Вверх и Вниз с помощью Jquery, продолжаем тюнинг кнопок

Всем привет. Недавно я писал на блоге о создании кнопок Вверх и Вниз для ваших блогов. Читателям статья понравилась, поэтому я решил продолжить прошлый пост тюнингом наших кнопочек в виде плавной прокрутки с помощью Jquery...

Jquery – это совершенно новый язык веб программирования, он создает классные эффекты для сайтов что диву даёшься, вы скажите: "До чего техника дошла! Скоро сайты совсем на сайты не будут похожи, будет что-то классное".

Это совершенно верно, сейчас все так быстро меняется и развивается, что уже сам не успеваешь следить за новостями веб-технологий, да и просто новинками.

Ой увлекся, больная тема...

Недавно я писал о том как "Делать кнопки Вверх и Вниз для сайтов без плагинов".

И к сожалению, я не смог сделать плавную прокрутку, но пообещал, что если найду, то обязательно напишу об этом в блог.

Этот код нужно добавить перед нашими ссылками на кнопочки в теге head.

<!-- Начало кода плавной прокрутки -->

<script>

(function ($) {

$(function () {

$('#up').click (function () {

$('body,html').animate ({scrollTop:0},999);

return false;

})

})

})(jQuery)

</script>

<script>

(function ($) {

$(function () {

$('#up2').click (function () {

$('body,html').animate ({scrollTop: $('body').height ()},999);

return false;

})

})

})(jQuery)

</script>

<!-- Конец кода плавной прокрутки -->

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

В общем, на этом все, думаю читателям будет полезно это дополнение к посту про кнопки.

Если возникли вопросы, смело задавайте и комментируйте.

Ваш, Seobiznez