Страница 1 из 1
Кнопка вверх (плавный скролл).
Добавлено: 29 май 2009, 13:50
AllCity
Вот нашел такой прикольный скрипт и решил поделится
.
Шаблон:
Глобальные блоки -
Нижняя часть сайта в любое место:
Код: Выделить всё
<a href="#" id="toTop">Вверх <img src="/top/to_top.gif" border="0" align="absmiddle" /></a>
<script src="/top/jquery.scroll.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#toTop").scrollToTop();
});
</script>
теперь в
CSS:
Код: Выделить всё
/* === jQ TOP === */
#toTop {
width: 100px;
background: #f1f1f1;
border: 1px solid #cccccc;
text-align: center;
padding: 5px;
position: fixed;
bottom: 10px;
right: 10px;
cursor: pointer;
color: #666666;
text-decoration: none;
}
/* =============== */
создаем в корне сайта папку
top и закидываем туда содержимое этого архива:
Re: Кнопка вверх (плавный скролл).
Добавлено: 29 май 2009, 15:03
Kingston
полезныи скрипт
Re: Кнопка вверх (плавный скролл).
Добавлено: 29 май 2009, 15:26
XxMARSxX
отстой
Re: Кнопка вверх (плавный скролл).
Добавлено: 29 май 2009, 20:01
DefKiNG
А не проще в футере сделать ссылку "Вверх"? А так уж слишком назойливо
Re: Кнопка вверх (плавный скролл).
Добавлено: 29 май 2009, 20:23
cucYa
Home/Space рулят
Re: Кнопка вверх (плавный скролл).
Добавлено: 29 май 2009, 22:53
symbian9
cucYa писал(а):Home/Space рулят
логично
Re: Кнопка вверх (плавный скролл).
Добавлено: 29 май 2009, 23:08
FRESik
XxMARSxX писал(а):отстой
Автор старался.. Хотяб для вида написал норм
ну впринцепе полезный скрипт! Прикольный
Только мне кажеться глючить сайт будет
Re: Кнопка вверх (плавный скролл).
Добавлено: 02 июл 2009, 23:47
AllCity
Чисто для понтов
ставим плавный скролл для постов форума
Шаблон
Форум -
Общий вид страниц форума после
$BODY$:
Код: Выделить всё
<script type="text/javascript">
/* Copyright AllCity ~ http://web-codes.net/ */
$('td a.goOnTop').click(function(){
$(document.body).scrollTo({left: 0, top: 0}, 2500);
return false;
});
</script>