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

Всё что относится к vBulletin

Модератор: Aleksandr

Аватара
Автор темы
Дим
Администратор
Администратор
Сообщения: 1029
Зарегистрирован: 5 апреля 2013
Репутация: 66
С нами: 4 года 7 месяцев

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

Сообщение #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>  


По желанию заменить текст Наверх на свое.
i love you mxIni Mysql
Изображение

! ! !

Dragon Knight

Аватара
Автор темы
Дим
Администратор
Администратор
Сообщения: 1029
Зарегистрирован: 5 апреля 2013
Репутация: 66
С нами: 4 года 7 месяцев

Сообщение #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>


из вышеуказанного кода лучше удалить.
i love you mxIni Mysql
Изображение

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

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

Кто сейчас на форуме

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

Яндекс.Метрика
:: Часовой пояс: UTC+03:00
cron