Powered by Invision Power Board
Здравствуйте Гость ( Вход | Регистрация ) Выслать повторно письмо для активации

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

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

  Reply to this topicStart new topicStart Poll

> Скрипт “подняться вверх” на CSS3 и jQuery
asm-a
Отправлено: Фев 2 2017, 16:41
Quote Post


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

Группа: Пользователи
Сообщений: 964
Пользователь №: 2 333
Регистрация: 29-Май 10
Member Offline

Репутация: 58




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>


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


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

Topic Options Reply to this topicStart new topicStart Poll