Powered by Invision Power Board
Доброго времени суток, уважаемые новички форума и те, кто не так давно зарегистрировал форум на нашем сервисе. Обращаем Ваше внимание на то, что данный форум - своеобразная база знаний, на которой хранятся ответы на все Ваши сформировавшиеся (также как и не сформировавшиеся) вопросы по работе Вашего форума. Администрацией сервиса было принято решение написать документацию по использованию поиска по форуму технической поддержки. Мы понимаем, что конечно лучше, когда именно Вам лично дают качественный ответ, но ответы на большинство вопросов уже даны - достаточно правильно спросить поисковик, и он найдёт Вам то, что Вы ищите.
  1. На этом форуме осуществляется техническая поддержка только и только форумов IP.Board Сервиса IPB.SU.
  2. Заполните в Профиле поле: "Адрес Вашего форума" - это упростит работу Aдминистрации при решении Bаших проблем.
С уважением,
Администрация Сервиса IPB.SU!


Forum Rules Правила раздела

В этом разделе пользователи форума могут только оставлять сообщения в темах.
Перед отправлением сообщений, пожалуйста, прочитайте правила форума.
В темах раздела задавайте вопросы правильно и, соблюдайте знаки препинания.

  Reply to this topicStart new topicStart Poll

> Скрипт “подняться вверх” на CSS3 и jQuery
asm-a
Quote Post

<? echo"Кодер" ?>
Group Icon


Сообщений: 860

Активность: Member Offline


Ответить Автору

Репутация: 28


user posted image


Приветствую Вас дорогие друзья. Сегодня речь пойдет о небольшом скрипте, который сейчас используют на большинстве сайтов и вы наверняка с ним сталкивались. С помощью этого скрипта, Ваши посетители смогут плавно подняться наверх страницы вашего сайта.

Данная кнопка появляется только тогда, когда человек прокрутил страницу немного вниз.

Вставляем следующий CSS код:
HTML
.h-top-link, .h-top-link:hover {display:none;cursor:pointer;width:48px;height:48px;text-align:center;background:#1d76d9 url('http://hotff.ru/uploads/ipbsu/forum/post-1-1486024205.png');color:#fff;position:fixed;right:30px;bottom:30px;}


АЦ - Настройка скинов - Перед выбраным скином нажимаем HTML - Редактирование шапки форума

В самый низ вставляем:
Код
<a class="h-top-link" id="move_up"></a>

<script type="text/javascript">  
$(function () {  
$(window).scroll(function () {  
if ($(this).scrollTop() > 300) $('a#move_up').fadeIn(200);  
else $('a#move_up').fadeOut(400);  
});  
$('a#move_up').click(function () {  
$('body,html').animate({  
scrollTop: 0  
}, 800);  
return false;  
});  
});  
</script>


Пример можете увидеть на нашем форуме.


--------------------
Уважаемые посетители, используйте ПОИСК прежде чем что-то спросить.
--------------
За пределами форума технической поддержки помогаю только на ПЛАТНОЙ основе, независимо, есть ли у вас форум на нашем сервисе. Если есть вопросы или предложения, можете смело обратиться ко мне в ЛС
--------------
Мой блог | Twitter
--------------
xxx: Сегодня был у нашего админа, увидел на столе в горах хлама листок, весь исписанный фразой «Hello world». Оказалось, он так ручку расписывает.
PM
Top
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:

Topic Options Reply to this topicStart new topicStart Poll


 


Текстовая версия