묻고답하기

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 남기남
94blossom 서브페이지에 배경만 변경하고싶은데요 어떻게 하나요? file  
94blossom 방명록 간격이 너무 심각하게 떨어져 있어요ㅠㅠ [7] file 2016.08.02 by 94blossom
94blossom 검색부분을 가운데로 하고싶은데요 어떻게 하는 건가요? [1] file 2016.08.02 by 라자루스
쮸야282 xe 덮어 씌어도 업데이트가 안되네요... [2] file 2016.08.02 by 쮸야282
KanTa 고정포워딩 이 문제에 시원한 답변좀 주실분 ㅠㅠ [4] 2016.08.02 by SimpleCode
이창용 안녕하세요 서브페이지 분류 질문 드립니다. [2] file 2016.08.02 by 이창용
이창용 안녕하세요 메인페이지 DIV 코딩 질문 드립니다. file  
유자차 메인에 노출된 게시판 글 클릭 시 상단 메뉴바 문제 도와주세요ㅠㅠ file  
94blossom 게시판 스킨 가운데 정렬 도와주세요  
Kin 일정시간이 지나면 특정게시판 글 지우는 방법..? [3] 2016.08.02 by Kin
94blossom 홈페이지 다른 링크 연결법 알려주세요 [1] file 2016.08.02 by Kin
앤드류문 최근 게시글 위젯 가나다순 정렬  
94blossom 이미지 클릭시 오버효과? 색상 변경 도와주세요 [1] file 2016.08.02 by 라자루스
94blossom 포토슬라이드 위치 바꾸는 법 알려주세요  
밍찐 스케치북 웹진형 상세페이지에 서브페이지전체가 프레임으로 나옵니다ㅜㅠ file  
DBM 이미지 갤러리 컴포넌트 질문이요  
미미미2 일부 DB만 백업해서 기존 DB 위에 복원하려면 어떻게 해야할까요? [1] 2016.08.01 by sejin7940
갤럭시탭 자동 메일 발송 기능 문의 [2] 2016.08.01 by sejin7940
Kin 레이아웃 제작하는 중입니다만..  
꽃민 게시판에서 목록형은 요약 볼수없나요 ㅠㅠ [5] file 2016.08.01 by sejin7940
꽃민 게시판에서 게시글 고유번호 보이게 할수 있나요 ? [1] file 2016.08.01 by sejin7940
zartin 저거 어디서 지우죠? [2] file 2016.08.01 by zartin
완젼초짜 게시판 글 작성후 페이지 이동이 안됩니다.  
94blossom 스킨 적용법 알려주세요 [2] 2016.07.31 by 94blossom
미미미2 simpleDashed 게시판 통합 스킨 질문입니다! [1] 2016.07.31 by SimpleCode
호롤롤로로ㅓㄹ 이런 메시지박스를 메인에 띄우는법 [1] 2016.07.31 by 불금
빌런 위젯 위치 [1] file 2016.07.31 by Kin
tamar**** [초보]호스트(서브) 변경 후 로그인 시 이전 호스트로 연결 [1] 2016.07.31 by Kin
빌런 익명닉네임 [1] 2016.07.31 by Kin
jun0214 카테고리를 필수로 안하게 할수는 없나요? [2] 2016.07.30 by jun0214