Новые сообщения на форуме · Пользователи · Правила форума · Поиск · RSS
  • Страница 1 из 1
  • 1
Форум » Ucoz и все что с ним связано » Сss, Html - Примеры изменения кода » Плавный переход вверх для uCoz в виде кнопки
Плавный переход вверх для uCoz в виде кнопки
ElectromasterДата: Суббота, 20.02.2010, 16:29 | Сообщение # 1
Сообщений: 270
Статус: Offline

Описание:
1) Появляестя скрол кнопка только после тот, как вы начнёте пролистывать страницу Вниз и пропадёт, как только вы снова окажетесь в самом верху страницы
2) При нажатии на кнопку происходит плавное прокручивание страницы вверх (В Opera резкий переход вверх без всякой плавности).

В подвал сайта(нижняя часть сайта) в конец вставляем:

Code
<a href="#" id="toTop">Вверх <img src="http://imobile.ucoz.com/_fr/1/7977964.gif" border="0" align="absmiddle" /></a>     
<script src="http://imobile.ucoz.com/_fr/1/jquery.scroll.p.js" type="text/javascript"></script>     
<script type="text/javascript">     
$(function() {     
$("#toTop").scrollToTop();     
});     
</script>

В стили сайта:

Code
#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;}
 
-=WaMpIr=-Дата: Среда, 01.06.2011, 01:16 | Сообщение # 2
Сообщений: 8
Статус: Offline
Quote (Electromaster)
(В Opera резкий переход вверх без всякой плавности)

Проверил, в Опере всё отлично работает, плавно! smile smile
 
temaprotasovДата: Пятница, 02.03.2012, 23:03 | Сообщение # 3
Сообщений: 1
Статус: Offline
Автору большое спасибо, везде искал, нету, скрипт супер!!!! советую устанавливайте
 
vitsem89Дата: Понедельник, 02.07.2012, 19:41 | Сообщение # 4
Сообщений: 1
Статус: Offline
Привет = ) Открыли интересную страничку http://vk.com/world_of_wishes посмотри)))) если понравится подпишись))
 
tu4kaДата: Пятница, 27.07.2012, 04:27 | Сообщение # 5
Сообщений: 1
Статус: Offline
Спасибо! Отлично работает в Хроме и Мазилле, дизайн кнопки меняется легко
 
СнайперДата: Понедельник, 06.08.2012, 18:48 | Сообщение # 6
Сообщений: 1
Статус: Offline
Супер! Все сработало автору Спасибо! specool
 
chipovecДата: Вторник, 04.09.2012, 21:31 | Сообщение # 7
Сообщений: 1
Статус: Offline
Редко такое бывает, что все встало с первого раза!
СПАСИБО! biggrin
 
minimamaДата: Пятница, 19.07.2013, 16:55 | Сообщение # 8
Сообщений: 1
Статус: Offline
Здравствуйте! Попыталась поставить на сайте, созданном на юкозе, кнопку прокрутки вверх. Вставила код в нижнюю часть сайта. В стили - не получается. Если можно, то наглядно с картинками показать, как это сделать.
И еще возможно глупый вопрос. В описанных кодах, если вид данной кнопки вполне устраивает, нужно ли что-нибудь менять.
Заранее благодарна за помощь.

Добавлено (19.07.2013, 16:55)
---------------------------------------------
Я уже разобралась. Получилось вставить кнопку.
Спасибо за тему! smile

 
Форум » Ucoz и все что с ним связано » Сss, Html - Примеры изменения кода » Плавный переход вверх для uCoz в виде кнопки
  • Страница 1 из 1
  • 1
Поиск: