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

Description: Всё что относится к vBulletin
Moderator: Aleksandr

Дим M
Topic author, Администратор
Администратор
Avatar
Дим M
Topic author, Администратор
Администратор
Posts: 1614
Joined: 5 Apr 2013
With us: 12 years

#1by Дим » 8 Dec 2013, 17:04

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

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

Code: Select all

<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
Topic author, Администратор
Администратор
Avatar
Дим M
Topic author, Администратор
Администратор
Posts: 1614
Joined: 5 Apr 2013
With us: 12 years

#2by Дим » 7 Dec 2016, 22:11

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

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

Code: Select all

<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]


Return to “vBulletin”

Who is online (over the past 5 minutes)

Users browsing this forum: 1 guest