Кнопка "Вверх"

Описание: Всё что относится к vBulletin
Модератор: Aleksandr

Дим M
Автор темы, Администратор
Администратор
Аватара
Дим M
Автор темы, Администратор
Администратор
Сообщения: 1608
Зарегистрирован: 5 апреля 2013
С нами: 10 лет 11 месяцев

#1 Дим » 8 декабря 2013, 17:04

Подойдет думаю для всех версий vbulletin. Выложу сюда, так как 4.2x самая распространенная версия( среди 4.x.x)
Может даже и для 3.8 пойдет, так как это всего лишь JavaScript

Вставляем в конец футера:

Код: Выделить всё

<style type='text/css'> #bttop{border:1px solid #4adcff;background:#24bde2;text-align:center;padding:5px;position:fixed;bottom:35px;right:10px;cursor:pointer;display:none;color:#fff;font-size:11px;font-weight:900;} #bttop:hover{border:1px solid #ffa789;background:#ff6734;} </style> <div id='bttop'>Наверх</div> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script> <script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$('#bttop').fadeIn();}else{$('#bttop').fadeOut();}});$('#bttop').click(function(){$('body,html').animate({scrollTop:0},800);});});</script>  


По желанию заменить текст Наверх на свое.
[center]i love you [s]mxIni[/s] Mysql[/center]


Дим M
Автор темы, Администратор
Администратор
Аватара
Дим M
Автор темы, Администратор
Администратор
Сообщения: 1608
Зарегистрирован: 5 апреля 2013
С нами: 10 лет 11 месяцев

#2 Дим » 7 декабря 2016, 22:11

Кстати, этот код кнопки "Вверх", подойдёт для любого сайта :grin:

Если jquery у вас подключен, то из вышеуказанного кода лучше удалить нижеследующий код

Код: Выделить всё

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>


из вышеуказанного кода лучше удалить.
[center]i love you [s]mxIni[/s] Mysql[/center]


Вернуться в «vBulletin»

Кто сейчас на форуме (по активности за 5 минут)

Сейчас этот раздел просматривают: 1 гость