Войти
Введите цифры и буквы
(function(jq) { jq.autoScroll = function(ops) { ops = ops || {}; ops.styleClass = ops.styleClass || 'scroll-to-top-button'; var t = jq('<div class="'+ops.styleClass+'"></div>'), d = jq(ops.target || document); jq(ops.container || 'body').append(t); t.css({ opacity: 0, position: 'absolute', top: 0, right: 0 }).click(function() { jq('html,body').animate({ scrollTop: 0 }, ops.scrollDuration || 1000); }); d.scroll(function() { var sv = d.scrollTop(); if (sv < 10) { t.clearQueue().fadeOut(ops.hideDuration || 200); return; } t.css('display', '').clearQueue().animate({ top: sv, opacity: 0.8 }, ops.showDuration || 500); }); }; })(jQuery); $(document).ready(function(){ $.autoScroll({ scrollDuration: 900, showDuration: 600, hideDuration: 300 }); });
.scroll-to-top-button{ background: url(../images/scroll_to_top.png) 0 0 no-repeat; width: 24px; height: 24px; cursor: pointer; margin-top: 30%; }
Цепляем js:
И добавляем в css:
не забываем залить картинку кнопки.
Exemple
Тоже можно упаковать в плагин