Перейти к содержанию
  • Кнопка вверх VK


    Sipsb

    Идём в свой шаблон и переходим по пути: Шаблоны --> 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
    }

     



    Обратная связь

    Рекомендуемые комментарии

    Иконки нету. Полоска есть, иконки стрелки нет:|
    такс. стоп. Ты же иконку не добавил в пост

    Изменено пользователем MrHaack

    Поделиться этим комментарием


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

    Материал брался с другого источника! Ведать у вас его до меня кто-то ЛИЗНУЛ :D или же Вы сами его где то подрезали, ибо виден копипаст.

    Поделиться этим комментарием


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


    Для публикации сообщений создайте учётную запись или авторизуйтесь

    Вы должны быть пользователем, чтобы оставить комментарий

    Создать учетную запись

    Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

    Регистрация нового пользователя

    Войти

    Уже есть аккаунт? Войти в систему.

    Войти


×