묻고답하기
스크롤 탑 애드온에 바텀 추가 하는 방법 좀 알려주세요
2015.08.13 21:07
말그대로 스크롤 탑 애드온을 사용 중입니다. 그런데 최 하단까지 내리는 바텀버튼을 추가 하고 싶은데,
대체 어느 부분을 어떻게 고쳐야할지 모르겠어서 질문드립니다.
scrolltopcontrol.addon.php 파일 내용이구요.
<?php
/**
* @file scrolltopcontrol.addon.php
* @author Sulli (admin@admin.kr)
* @brief scrolltopcontrol
**/
if(!defined("__XE__")) exit();
if($called_position == 'before_module_proc') {
Context::addCSSFile("./addons/scrolltopcontrol/css/scrolltopcontrol.css", false);
$startline = $addon_info->startline;
if (empty($startline))$startline = '100';
$scrollduration = $addon_info->scrollduration;
if (empty($scrollduration))$scrollduration = '1000';
$to_top = "
<script type='text/javascript'>
jQuery(function($){
$('#scrolltotop').hide();
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > {$startline}) {
$('#scrolltotop').fadeIn();
} else {
$('#scrolltotop').fadeOut();
}
});
$('#scrolltotop a').click(function () {
$('body,html').animate({
scrollTop: 0
}, {$scrollduration});
return false;
});
});
});
</script>
<div id=\"scrolltotop\"><a href=\"#top\"><span></span></a></div>
";
Context::addHtmlFooter($to_top);
}
?>
scrolltopcontrol.css 파일입니다.
#scrolltotop {
position: fixed;
bottom: 0px;
right: 0px;
}
#scrolltotop span {
width: 40px;
height: 40px;
display: block;
background: url("../img/top.png") top no-repeat;
margin: 0px 15px 10px 0;
border-radius: 3px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#scrolltotop a:hover span { background: url("../img/top.png") bottom no-repeat }
info 파일입니다.
<?xml version="1.0" encoding="utf-8"?>
<addon version="0.2">
<title xml:lang="ko">scrolltopcontrol</title>
<description xml:lang="ko">
스무스하게 하면을 최상단으로 이동 시키줍니다.
</description>
<version>1.1.0</version>
<date>2013-04-05</date>
<author link="http://sulli.wo.tc">
<name xml:lang="ko">Sulli</name>
</author>
<extra_vars>
<var name="startline" type="text">
<title xml:lang="ko">시작 라인</title>
<description xml:lang="ko">탑버튼이 표시되는 라인 입니다. (기본 : 100)</description>
</var>
<var name="scrollduration" type="text">
<title xml:lang="ko">스크롤 시간</title>
<description xml:lang="ko">스크롤이 올라가는 시간입니다. (기본 : 1000)
시간이 낮을수록 빠르게 올라갑니다.
</description>
</var>
</extra_vars>
</addon>
어느 부분에 어떻게 bottom 으로 가는 것을 추가해야 같이 나오는지 초보라서 많은 도움 부탁드립니다
