묻고답하기
스크롤 탑 애드온에 바텀 추가 하는 방법 좀 알려주세요
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 으로 가는 것을 추가해야 같이 나오는지 초보라서 많은 도움 부탁드립니다
댓글 0
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
꿈틀잉 | 게시글 리스트에 시간표시 질문 [3] | 2015.08.15 by 꿈틀잉 |
azby | 궁금합니다. 도와주세요. | |
JAYLEEKOREA | XE로 홈페이지 제작시 추천인 회원가입 폼이 있을까요? [3] | 2015.08.15 by azby |
고고싱229af |
구글검색시 스킨명 검색결과에 뜨는 현상
![]() | |
azby | 회원정보 탭 추가 문의드립니다. | |
모찌모찌 |
관리페이지 회원설정-회원가입-약관이 사라졌습니다.
[4]
![]() | 2015.08.14 by 모찌모찌 |
ahsks15 | 네이버 로그인 연동 방법좀요... | |
레몬시 |
게시판 확장변수를 태그처럼 사용할수는 없을까요?
[2]
![]() | 2015.08.14 by 레몬시 |
kare**** | 회원정보 복구하는 방법이 있을까요? [1] | 2015.08.14 by 도라미 |
낮에 |
최신글 타이틀 색상 어떻게 바꾸나요??
[2]
![]() | 2015.08.14 by 낮에 |
댑펑 | ip 주소 관련 질문입니다. [2] | 2015.08.14 by 댑펑 |
큰배4dc44 | 클라우드플레어 사용하시는분? [1] | 2015.08.14 by 기진곰 |
Blues!! | Milestone은 그냥 길위의 돌덩어리인가요? [5] | 2015.08.14 by 기진곰 |
씨디맨 | 로그인 두번 해야하는 문제 [1] | 2015.08.14 by sejin7940 |
뉴질맨 |
IE11 로그인 정보보기 이이콘들이 보이지 않습니다.
[3]
![]() | 2015.08.14 by 뉴질맨 |
퍼비 | 스크롤 탑 애드온에 바텀 추가 하는 방법 좀 알려주세요 | |
thdwjdtjr | 특정 이메일을 차단하고자 합니다. [2] | 2015.08.13 by YJSoft |
tranquil |
SSL 적용 후 크롬에서 메뉴 편집 및 디자인 설정 화면이 나오지 않습니다.
[6]
![]() | 2015.08.13 by tranquil |
슈뉴형 |
현재 linode 에서 가상서버를 쓰고있는데 궁금한점이있습니다
[9]
![]() | 2015.08.13 by 기진곰 |
OEZ | 한번도 안생각해본 건데 엮인글... [1] | 2015.08.13 by YJSoft |