테스트 사이트 - 개발 중인 베타 버전입니다

특정위치에서만 div 숨기는 방법좀 알려주세요 채택완료

morrie 5년 전 조회 1,959
HTML
<div id="quick">
    <a href="#" onclick="fnMove('7')">
        <img src="<?php echo G5_THEME_IMG_URL?>/bns1.png" class="pc">
    </a>
</div>

CSS
#quick {position:fixed; bottom:0; left:0; right:0; width:100%; z-index:99999}

JS
<script>
    function fnMove(seq){
        var offset = $("#mct_0" + seq).offset();
        $('html, body').animate({scrollTop : offset.top}, 400);
    }
</script>

<script>
    document.getElementById("quick").style.display="none";
</script>

 

위처럼 id="quick" 인 div를 숨기는건 했는데 이걸 특정위치에서 숨기는법을 어떻게 하는지 모르겠어요

bns1.png 이미지를 클릭해서 #mct_07로 이동을하게되면 id="quick"인 div를 숨기고 싶어요

 

현재는 숨기는방법밖에 몰라서 저렇게만 만들어놨어요ㅠㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
5년 전

function fnMove(seq) {
  var offset = $("#mct_0" + seq).offset();
  $('html, body').animate({scrollTop : offset.top}, 400);
  document.getElementById("quick").style.display="none";
}

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

m
morrie
5년 전
답변 감사합니다

댓글을 작성하려면 로그인이 필요합니다.

현재하신것처럼

원하는 id의 offset을 찾으신 후 scrollTop이 해당 offset과 같아지면 div를 hide 시키면 될거같은데요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

m
morrie
5년 전
답변 감사합니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인