묻고답하기

http://karasnap.net/zbxe/gallery/

 

사이트입니다.

스크롤시 탑버튼이 생기고 누르면 부드럽게 올라갑니다.

스크롤 고정도 잘 되있구요..

또 브라우져창을 줄여도 마찬가지로 잘됩니다..그런데!!!!!msn010.gif

문제는 스마트폰에서 보면 맨 하단에만 고정이 되어져 있습니다.ㅠ

스크롤을 할때도 웹처럼 지정한 위치에 가만히 있게 하고 싶은데..

무엇이 문제일까요..?

제이쿼리를 이용했고 반응형 웹입니다.

 

html적용내용

  <p id="back-top">
  <a href="#top"><span></span></a>
  </p>

 

제이쿼리적용내용

jQuery(document).ready(function($){

 // hide #back-top first
 $("#back-top").hide();
 
 // fade in #back-top
 $(function () {
  $(window).scroll(function () {
   if ($(this).scrollTop() > 100) {
    $('#back-top').fadeIn();
   } else {
    $('#back-top').fadeOut();
   }
  });

  // scroll body to 0px on click
  $('#back-top a').click(function () {
   $('body,html').animate({
    scrollTop: 0
   }, 800);
   return false;
  });
 });

});

 

CSS적용내용

 

/* goto top */
#back-top {
 position: fixed;
 bottom: 0px;
 right: 20px;
}
#back-top a {
 width: 40px;
 display: block;
 color: #bbb;
 /* background color transition */
 -webkit-transition: 1s;
 -moz-transition: 1s;
 transition: 1s;
}
#back-top a:hover {
 color: #000;
}
/* arrow icon */
#back-top span {
 width: 40px;
 height: 40px;
 display: block;
 margin-bottom: 7px;
 opacity:0.5;
  filter: alpha(opacity=50);
 background: #26456e;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 -webkit-transition: 1s;
 -moz-transition: 1s;
 transition: 1s;
}
#back-top a:hover span {
 background-color: #00bfab;
}

#back-top span:before {
     content: "\f102";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #fff;
    font-size: 24px;
 line-height: 40px;
    position: absolute;
    top: 0;
    left: 11px;
}

고수분들의 귀한 답변 간절히 기다립니다.ㅠㅠ

 

태그 연관 글
  1. [2020/12/16] 묻고답하기 footer 하단에 고정하려면 어딜 수정해야 할까요? by 가입명
  2. [2020/01/31] 묻고답하기 2단메뉴 by ppumweb *2
  3. [2019/10/10] 묻고답하기 cafe24 XE3 STEP 3 단계에서 에러가 발생합니다. by nothing *3
  4. [2019/03/27] 묻고답하기 모바일에서만 '권한이 없습니다'가 나오는 이유가 궁금합니다. by Spooky *1
  5. [2019/03/15] 포럼 웹 에이전시 디스케이션에서 레이아웃 템플릿 판매 개시했습니다. by 디스케이션 *2
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
thdwjdtjr 네이버 웹마스터도구에서 웹페이지 수집요청 문의 드립니다. [1] file 2016.08.22 by SimpleCode
살소리 분류미선택 글쓰기 가능한방법없나요? [2] 2016.08.21 by 살소리
LANDC 1.8.24 업데이트후 알림센터LITE 에러... 도와주세요 부탁드립니다. [2] 2016.08.21 by LANDC
미미미2 운영자가 회원한테 발송한 쪽지 취소할 수 없을까요? [2] 2016.08.21 by 미미미2
디카 위젯 질문 드립니다~ [2] file 2016.08.21 by 디카
페르미오스 member 관련 php 출력 고수님 좀 봐주세요 [1] 2016.08.21 by sejin7940
페르미오스 member_srls 이건 도대체 머죠? member_srl 은 디비에도 있어서 아는대 [2] 2016.08.21 by 페르미오스
초보자 관리자페이지 순방문자수 통계(그래프) 오류  
댑펑 외부 php 파일에서 logged_info 를 가져오려면 어떻게 해야 하나요..? [2] 2016.08.21 by 댑펑
가르송 사이트 반응형 제거 하는방법은.. [2] 2016.08.21 by 가르송
홍찬 유튜브(youtube) 모듈 모바일 스킨에서 재생이 안됩니다, file  
도토리맘 500 error 미국 1and1 호스팅 [1] 2016.08.20 by NOVCUBE
갤럭시탭 아이템 기능 문의 [1] 2016.08.20 by HowtoXE
야야야료 어떤레이아웃을 사용했는지 아시는분 계신가요? [2] 2016.08.20 by 야야야료
dupont 게시판에 글을 작성할때 db관련 오류 메시지가 뜹니다 [2] 2016.08.20 by 실로암
쭈박이 애드몹 관련 질문 드립니다!!  
kyurae 게시판 글 순서 변경 [3] 2016.08.19 by 쟈마쿤
가카 버추얼 호스트?관련인데 도와주세요... [3] 2016.08.19 by 불금
살소리 (추천>비추천시 이동)추천모듈 소스 수정관련 질문드립니다. file  
제로보드처음써요 xe폴더중에 cache파일을 삭제해도 문제가 없나요? [2] file 2016.08.19 by 기진곰
sd**** 암호화 전송 JS를 어디에 추가 하나요? [1] file 2016.08.19 by 기진곰
사계절 XE설치중 DB에 연결할수 없습니다란 오류가 뜹니다, 도와주세요. [5] file 2016.08.19 by 사계절
정음이 확장변수 합계 및 if 출력관련 질문입니다. [1] 2016.08.19 by 얄리뽀
이문이100 캐쉬충전 모듈 혹시 있을까요? [1] 2016.08.19 by 라자루스
기만1988 oops <- 이거 어디서 수정할 수 있을까요? ㅎㅎ [1] 2016.08.19 by sejin7940
갤럭시탭 분류를 관리자만 선택 가능하도록 못하나요? [1] 2016.08.19 by sejin7940
sd**** 로그인 정보에 이전접속 IP표기는 어떻게? [2] 2016.08.19 by sd****
그대사랑가을사랑 모바일에서 접속이 안돼요.  
verysery 레이아웃 추천부탁드릴께요~!  
핏빛노을 xe\files 폴더 권한이 nobody로 설정되어 삭제가 안됩니다. [3] 2016.08.19 by 그대사랑가을사랑