게시물을 읽을때 스크롤이 200px정도 내려가면 hide라는 메뉴창이 뜨게끔 만드려고합니다.

 

 

게시물 상단에 

<div class="hide" style="width:100%;height:100px;">을 만들고 

css에서 display:none 부여한다음에 

 

자바스크립트문을

  (function($){
     $(function(){
         $(window).scroll(function () {
            var height = $(document).scrollTop();
            if(height >= 150)
         {
                $('hide').css('display','block');
         }
         else{
             $('hide').css('display','none');
         }            
        });
     })
 })(jQuery);

 

layout.js참고하여 만들긴했는데 스크립트문이 잘못된건지 실행은 되지않습니다 ㅜ.ㅜ

어떤식으로 수정해야할까요 ㅜㅜ

  • ?

    $('.hide').show();

    $('.hide').hide();

  • ? profile
    헛 라라펠님 감사합니다. 바로해결됫습니다.
  • ? profile
    혹시 css값을 변경하려면 어떤식으로 해야하나요..?
  • profile ?
    $('.hide').css({"key":"value", "key2":"value"});
  • ? profile
    여러가지로 도움 많이주셔서 감사해요 ㅜㅜ
  • profile ?

    무작정 알려달라하는 사람보다 공부하는 사람이 알려달라고 할 때 더 보람차서요 ^^

  • profile
    jquery 플러그인 중에 스크롤매직이란게 있습니다.
    비슷한 플러그인이 이것 말고도 또 있겠지만요.
    http://scrollmagic.io/
  • profile profile
    으허... 영문페이지 ㅋㅋ;; 열심히 해석해서 원하는기능써봐야겟어요