Кодировка HTML | Демо-сайт CMS uCoz | Почта

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

Архив полностью рабочих скриптов и так далее...

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

Сообщение AllCity » 29 май 2009, 13:50

Изображение
Вот нашел такой прикольный скрипт и решил поделится ;) .
Шаблон: Глобальные блоки - Нижняя часть сайта в любое место:
Код: Выделить всё
<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 Кб) Скачиваний: 254
Аватара пользователя
AllCity
Администратор
Администратор
 
Автор темы
Сообщения: 2505
Возраст: 32
Зарегистрирован: 18 апр 2008, 17:52
Карма: + 147 -
Откуда: Израиль, Тель-Авив

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

Сообщение Kingston » 29 май 2009, 15:03

полезныи скрипт
Kingston
Салага
Салага
 
Сообщения: 3
Зарегистрирован: 22 май 2009, 17:00
Карма: + 0 -

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

Сообщение XxMARSxX » 29 май 2009, 15:26

отстой
Ахтунг!

Делаю всякую херню для ЮкОз за доллары или не делаю если просьба пахнет бредом перегретого мозга.

А у меня Windows 7 :P

Изображение
Что такое НЕТЕЛИБ?
Аватара пользователя
XxMARSxX
Супермодератор
Супермодератор
 
Сообщения: 1991
Возраст: 36
Зарегистрирован: 20 апр 2008, 18:02
Карма: + 22 -
Откуда: Украина, Полтавская область, Кременчуг, Автозаводской район, Нагорная часть

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

Сообщение DefKiNG » 29 май 2009, 20:01

А не проще в футере сделать ссылку "Вверх"? А так уж слишком назойливо :)
Аватара пользователя
DefKiNG
Салага
Салага
 
Сообщения: 17
Возраст: 32
Зарегистрирован: 26 дек 2008, 18:30
Карма: + 0 -

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

Сообщение cucYa » 29 май 2009, 20:23

Home/Space рулят
Аватара пользователя
cucYa
Подполковник
Подполковник
 
Сообщения: 164
Возраст: 31
Зарегистрирован: 09 июн 2008, 22:47
Карма: + 24 -
Откуда: от туда, где рулю Я, сынок... :D

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

Сообщение symbian9 » 29 май 2009, 22:53

cucYa писал(а):Home/Space рулят

логично
Работаю над новым проектом
uWeb - Media Services
Аватара пользователя
symbian9
Подполковник
Подполковник
 
Сообщения: 184
Возраст: 29
Зарегистрирован: 22 апр 2008, 09:08
Карма: + 3 -
Откуда: Ростов на дону

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

Сообщение FRESik » 29 май 2009, 23:08

XxMARSxX писал(а):отстой

Автор старался.. Хотяб для вида написал норм :D :D ну впринцепе полезный скрипт! Прикольный
Только мне кажеться глючить сайт будет :? :?
Аватара пользователя
FRESik
Салага
Салага
 
Сообщения: 4
Возраст: 30
Зарегистрирован: 08 май 2009, 17:58
Карма: + 0 -
Откуда: http://uhelper.ru/

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

Сообщение AllCity » 02 июл 2009, 23:47

Чисто для понтов :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>
Аватара пользователя
AllCity
Администратор
Администратор
 
Автор темы
Сообщения: 2505
Возраст: 32
Зарегистрирован: 18 апр 2008, 17:52
Карма: + 147 -
Откуда: Израиль, Тель-Авив


Вернуться в Архив скриптов и интересных решений

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 4

cron