Кнопка прокрутки страницы

[Игорек 92]

Наверно у многих уже подгорает от отсутствия такой банальной вещи как прокрутка страницы вверх.

Предложу админу простой и пожалуй самый удобный вариант.

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

Шаблоны -> 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:;
	left:;
	height:100%
	;z-index:9000;
	cursor:pointer
}

.scrolltotop__side {
	position:fixed;
	width:3%;
	height:100%;
	top:;
	left:;
	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:;
	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;

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

В интернете полно различных кнопок, также вы можете нарисовать свою собственную или же взять мою:

В итоге получим полупрозрачную полосу-кнопку появляющуюся при достаточной прокрутке страницы вниз :

[ага роев 3 753]

Вот это дрочь ты предложил!

[admin 254]

Сделаем со временем, но скорее всего все же в виде плагина.

 

[Игорек 92]

Конечно можно и плагин поставить, это проще и быстрее, но тут есть один нюанс, ips обновляется очень часто и есть вероятность что после очередного обновления плагин перестанет работать(в лучшем случае) или положит борду( в худшем случае), поэтому многие крупные сообщества стараются не лепить кучу плагинов/тем/дополнений дабы избежать дальнейших проблем. Не навязываю, просто информирую.