특정위치에서만 div 숨기는 방법좀 알려주세요
본문
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
function fnMove(seq) {
var offset = $("#mct_0" + seq).offset();
$('html, body').animate({scrollTop : offset.top}, 400);
document.getElementById("quick").style.display="none";
}
현재하신것처럼
원하는 id의 offset을 찾으신 후 scrollTop이 해당 offset과 같아지면 div를 hide 시키면 될거같은데요
답변을 작성하시기 전에 로그인 해주세요.