물어보기XpressEngine
조회 수 85 추천 수 0 댓글 8
Extra Form

 

게시물을 읽을때 스크롤이 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참고하여 만들긴했는데 스크립트문이 잘못된건지 실행은 되지않습니다 ㅜ.ㅜ

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

  • profile
    라라펠 2018.03.08 20:02:02

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

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

  • mospia 질문자 2018.03.08 20:07:25
    헛 라라펠님 감사합니다. 바로해결됫습니다.
  • mospia 질문자 2018.03.08 20:07:47
    혹시 css값을 변경하려면 어떤식으로 해야하나요..?
  • 라라펠 2018.03.08 20:09:37
    @mospia
    $('.hide').css({"key":"value", "key2":"value"});
  • mospia 질문자 2018.03.08 20:15:30
    @라라펠
    여러가지로 도움 많이주셔서 감사해요 ㅜㅜ
  • 라라펠 2018.03.08 20:15:54
    @mospia

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

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

서버에 요청 중입니다. 잠시만 기다려 주십시오...