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

제이쿼리 롤링 관련 채택완료

웹프리죤 5년 전 조회 1,845

한줄 자동 롤링 잘 되고 있는데요.

 

 

우측에 위 아래 버튼이 있는데

위/아래 클릭시 이동 시키는게 잘 안되네요..

아래 함수는 만들어 놨는데 안에 작동되게 어떻게 채워야 할지~

 

</p>

<p>// 공지사항 롤링

    var height =  $(".notice-area").height(); //공지사항의 높이값을 구해주고~~

    var num = $(".notice-area .rolling li").length; // 공지사항의 개수를 알아볼수 있어요! length라는 것으로!

    var max = height * num; //그렇다면 총 높이를 알 수 있겠죠 ?

    var move = 0; //초기값을 설정해줍니다.

    function noticeRolling(){

      move += height; //여기에서 += 이라는 것은 move = move + height 값이라는 뜻을 줄인 거에요.

      $(".notice-area .rolling").animate({"top":-move},500,function(){ // animate를 통해서 부드럽게 top값을 올려줄거에요.

         if( move >= max ){ //if문을 통해 최대값보다 top값을 많이 올렸다면 다시 !

            $(this).css("top",0); //0으로 돌려주고~

            move = 0; //초기값도 다시 0으로!

         };

      });

   };

   noticeRollingOff = setInterval(noticeRolling,3000); //자동롤링답게 setInterval를 사용해서 1000 = 1초마다 함수 실행!!

   $(".notice-area .rolling").append($(".notice-area .rolling li").first().clone()); //올리다보면 마지막이 안보여서 clone을 통해 첫번째li 복사!</p>

<p>   </p>

<p>  // 위로 </p>

<p>   $(".notice-btn button.n-btn.up").click(function(){

      

   });</p>

<p>  // 어래로

   $(".notice-btn button.n-btn.down").click(function(){

       

   });</p>

<p>

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

답변 2개

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

수정보단 기능된 jquery 찾는게 빠를듯 합니다. 

https://eond.com/jquery/360143

 

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

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

클릭 함수아래에

move를 계산해서 넣으시면 됩니다

 

 

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

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

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

로그인