Jump to content

кнопка вверх


Recommended Posts

Вон оно что, кнопка нужна, ну если именно такую как на мафии, то вот:

Идём в свой шаблон и переходим по пути:

Шаблоны -> core -> front -> global -> globalTemplate

Ищем закрывающийся тег </head> и перед ним вставляем следующий скрипт:

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

Далее переходим во вкладку CSS и в custom.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(http://путь_до_своей_кнопки/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
}

Строку:

background:url(http://путь_до_своей_кнопки/totop.png) top no-repeat;

Переделываем под себя, т.е. вам нужно будет указать где у вас лежит изображение кнопки.

Саму картинку-стрелку можно вытащить на мафии.

Link to post
Share on other sites
  • 3 months later...

Такая как на Мафии юзается в вк, в наше время это почти центр русских интернетов, и многие, кто сидит на вк привыкли именно к такой кнопке.
Пожалуй, заберу и себе. :)

Link to post
Share on other sites
  • 5 months later...
В 10 июля 2015 г. в 23:39, Spray сказал:

Ну можно и так! я плагин поставил, он удобней и ничего править не надо

Back to Top.rar

Не могу скачать ваш плагин! Перезалить есть возможность?

Link to post
Share on other sites
  • 5 months later...
В 10.07.2015 в 23:34, Fateswhisper сказал:

Вон оно что, кнопка нужна, ну если именно такую как на мафии, то вот:

Идём в свой шаблон и переходим по пути:

Шаблоны -> core -> front -> global -> globalTemplate

Ищем закрывающийся тег </head> и перед ним вставляем следующий скрипт:


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

Далее переходим во вкладку CSS и в custom.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(http://путь_до_своей_кнопки/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
}

Строку:


background:url(http://путь_до_своей_кнопки/totop.png) top no-repeat;

Переделываем под себя, т.е. вам нужно будет указать где у вас лежит изображение кнопки.

Саму картинку-стрелку можно вытащить на мафии.

Ой спасибо, вроде всё просто, но я из..мучался)) и то что пробовал прикрутить видимо не подходило под форум) Работает, красота)

Link to post
Share on other sites
  • 1 year later...

Подниму старую тему...

Решение с кодом который предложен выше.

Почему-то не работает на стандартной теме. Просто ничего не поменялось. При этом на другой теме все "ок". Есть идеи что может быть и где искать причину?

Link to post
Share on other sites
1 минуту назад, vogetel сказал:

Подниму старую тему...

Решение с кодом который предложен выше.

Почему-то не работает на стандартной теме. Просто ничего не поменялось. При этом на другой теме все "ок". Есть идеи что может быть и где искать причину?

конфликт кодов, либо что-то не так в css тут на кофейной гуще не гадают 

Link to post
Share on other sites
15 минут назад, WOLF сказал:

конфликт кодов, либо что-то не так в css тут на кофейной гуще не гадают 

Я понимаю что не гадают. Но какую инфу предоставить тоже не особо понимаю

Link to post
Share on other sites
Только что, vogetel сказал:

Я понимаю что не гадают. Но какую инфу предоставить тоже не особо понимаю

элементарно ссылку на форум с доступными для гостей стилями 

+ не понятно, почему люди ищут на свою жопу гемморой когда есть плагины

Link to post
Share on other sites
14 минут назад, WOLF сказал:

элементарно ссылку на форум с доступными для гостей стилями 

+ не понятно, почему люди ищут на свою жопу гемморой когда есть плагины

К сожалению ссылку дать не могу.

А единственный плагин который заработал - BacktoTop 1.0.5 - криво выводит кнопку вверх. Не по центру, отображается совсем не очень.

Ладно, спасибо за отклик :)

Link to post
Share on other sites
1 минуту назад, vogetel сказал:

К сожалению ссылку дать не могу.

ну да, РКН еще заблочит или мало ли, мы решим взломать его, ух

ладно, ищите, этих плагинов куча и есть довольно симпотичные аж с выбором цвета

Link to post
Share on other sites
2 минуты назад, WOLF сказал:

ладно, ищите, этих плагинов куча и есть довольно симпотичные аж с выбором цвета

 А можно ссылочку или названия? Искал и ставил несколько штук. Заработал только тот что выше указал

Link to post
Share on other sites
7 минут назад, vogetel сказал:

 А можно ссылочку или названия? Искал и ставил несколько штук. Заработал только тот что выше указал

(SB) BacktoTop 1.0.5

(IPSViet) Scroll to top 1.0.0

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Ваша ссылка была автоматически строена.   Отображать как обычную ссылку

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...