Перейти к содержанию

Скроллер как на мафии


Рекомендуемые сообщения

не подскажете ссылочку на хук или код скроллера вверх страницы как на мафии?

Ссылка на комментарий
Поделиться на другие сайты

Присоединяюсь, уже не на первом сайте вижу такой, тоже понравился

Ссылка на комментарий
Поделиться на другие сайты

<script type="text/javascript">
   jQuery(document).ready(function(){
			   jQuery('body').append("<div class='scrolltotop'><div class='scrolltotop__side'></div><div class='scrolltotop__arrow'></div></div>");
          jQuery(window).scroll(function(){
            if (jQuery(this).scrollTop() > 350) {
                   jQuery('.scrolltotop').fadeIn();
            } else {
                   jQuery('.scrolltotop').fadeOut();
            }
        });
           jQuery('.scrolltotop').click(function(){
              jQuery("html, body").animate({ scrollTop: 0 }, 600);
            return false;
        });
    });0
</script>

Между тегами <head></head>

Ссылка на комментарий
Поделиться на другие сайты

WinsanT, вставил в GlobalTemplate, ничего не появилось. Кеш чистил, в браузере и в IPB.

Изменено пользователем Kinkl
Ссылка на комментарий
Поделиться на другие сайты

ipb_styles.css


.scrolltotop {
	display:none;
	position:fixed;
	width:3%;
	top:0;
	left:0;
	height:100%
	;z-index:9000;
	cursor:pointer
}

.scrolltotop__side {
	position:fixed;
	width:3%;
	height:100%;
	top:0;
	left:0;
	background: black;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0.2);
	-moz-opacity:0.1;
	-khtml-opacity:0.1;
	opacity:0.1
}

.scrolltotop__arrow {
	position:fixed;
	width:3%;
	height:100%;
	top:50px;
	left:0;
	background:url(__ipbmafia.ru/public/style_images/mafiaboard/totop.png) top no-repeat;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.4)";
	filter:alpha(opacity=0.4);
	-moz-opacity:0.4;
	-khtml-opacity:0.4;
	opacity:0.4
}
Но от этого у меня тоже ничего не поменялось :D

Видимо руки кривые...

Ссылка на комментарий
Поделиться на другие сайты

<script type="text/javascript" src='__code.jquery.com/jquery-1.10.1.min.js'></script>
<script type="text/javascript">
  $.noConflict();
</script>

В IncludeJS в самый низ

 

у кого стоит мониторинг lgsl нужно будет еще из lgsl_list.php удалить подключение jquery (примерно то же самое, что я написал выше), иначе будет конфликтовать

Ссылка на комментарий
Поделиться на другие сайты

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

В теги head в шаблоне globalTemplate будет достаточно. 

Закрываю тему, а то форум по кирпичикам разложите :D

Ссылка на комментарий
Поделиться на другие сайты

Гость
Эта тема закрыта для публикации ответов.
  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...