채택완료

자바스크립트문의 ] 스크롤바 하단 특정높이에서 사라지게 만들기

2018-08-03 (금) 16:20:35 4,547

현재 스크롤바 특정 높이에서

그 이상내리면 div를 안보이게 만드는부분을 작성했는데요.

이걸 Top높이에서가 아니라

하단 Bottom에 특정 높이 ex : 400px 위치에서 사라지게

만들 수 있을까요?

<script type="text/javascript">

 $(document).ready(function(){

    var menuTop = parseInt($("#menu").css("top")); // 작성의도 : 사이드바 위치할 지점

    $(window).scroll(function () {

       if ($(this).scrollTop() < 1500) { // 작성의도 : 스크롤 내릴 표시

          $("#menu").addClass("show").removeClass("hide");

          $("#menu").stop().animate({"top":$(window).scrollTop()+menuTop+"px"}, 500);

          } else{

          $("#menu").removeClass("show").addClass("hide");

          $("#menu").stop().animate({"top":$(window).scrollTop()+menuTop+"px"}, 500);

      }

    });

 });

</script>

답변 1개

채택된 답변
+20 포인트

javascript scroll 은 top 만 존재하고 bottom 은 존재하지 않습니다.

일단 문서의 전체 높이를 구하신 후에, 400px 을 빼신 후 그 값내부면 보여주고, 그 값을 초과하면 사라지게 하시면 될거 같습니다.

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