말그대로 스크롤 탑 애드온을 사용 중입니다. 그런데 최 하단까지 내리는 바텀버튼을 추가 하고 싶은데,

 

대체 어느 부분을 어떻게 고쳐야할지 모르겠어서 질문드립니다.

 

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 으로 가는 것을 추가해야 같이 나오는지 초보라서 많은 도움 부탁드립니다