스크롤 올릴시 하단에 메뉴 출력방법 질문드립니다.

스크롤 올릴시 하단에 메뉴 출력방법 질문드립니다.

QA

스크롤 올릴시 하단에 메뉴 출력방법 질문드립니다.

본문

티몬이나 지마켓등 쇼핑몰등에 모바일로 접속하면 어플처럼 하단에 메뉴가 생깁니다.

 

영카트 기본 상단에 일부를 첨부이미지처럼 하단으로 옴길려고 하는데요..

 

스크롤 올릴시 상당메뉴 고정처럼 일정 픽셀 움직여야 등장을 하더군요..

 

혹시 방법 아시는분 답변 부탁드리겠습니다!!990249277_1584504595.3232.png

이 질문에 댓글 쓰기 :

답변 2

html

 

<div id="bottom"></div>

 

css

 

#bottom { position:fixed; bottom;0; display:block; }

 

jquery

 

$(window).scroll(function () {

     if ($(this).scrollTop() > 60) {

            $('#bottom').fadeIn();
        } else {
            $('#bottom').fadeOut();
        }

});

 

60만큼 스크롤되면 ID값 bottom레이어를 나타내는 스크립트입니다.

높이는 60을 원하는 위치만큼 수정하면됩니다.

해당 영역의 div 에 css를

position: fixed;

bottom: 0;

​​​​​​​width: 100%;

이렇게 주시면 해당 영역이 거기에 붙어 버릴겁니다.

답변을 작성하시기 전에 로그인 해주세요.
전체 3

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT