Страница 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 и закидываем туда содержимое этого архива:
top.zip
(1.74 КБ) 294 скачивания

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 писал(а):отстой

Автор старался.. Хотяб для вида написал норм :D :D ну впринцепе полезный скрипт! Прикольный
Только мне кажеться глючить сайт будет :? :?

Re: Кнопка вверх (плавный скролл).

Добавлено: 02 июл 2009, 23:47
AllCity
Чисто для понтов :D ставим плавный скролл для постов форума :!:
Изображение
Шаблон Форум - Общий вид страниц форума после $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>