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

스크립트 안에 부드럽게 슬라이드...-ㅅ -? 채택완료

nanati 11년 전 조회 4,401

$(function() {

    var $page_tab1 = $(".page_tab li"),

        $page_tab2 = $(".page_tab2 li");

    $page_tab1.click(function() {

        var num = $page_tab1.index(this);

        $(".content").addClass('disnon');

        $(".content").eq(num).removeClass('disnon');

        $page_tab1.add($page_tab2).removeClass('select');

        $(this).add($page_tab2.eq(num)).addClass('select');

var targetY = $("#nav_page_tab").offset().top;

$(window).scrollTop(targetY);

    });

    $page_tab2.click(function() {

        var num = $page_tab2.index(this);

        $page_tab1.eq(num).trigger("click");

    });

}); 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

이런 코드인데...

2페이지 클릭했을 때 

똭! 페이지로 넘어가는게 아니라 

부드럽게 슬라이드 되면서 올라가는거? 

페이드인 같은.. -ㅅ - 질문이 어설퍼서 죄송합니다...ㅠㅠ

 

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

답변 2개

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

$(window).scrollTop(0); 을 아래처럼 바꿔보세요~

 

$('html, body').animate({scrollTop:0}, 500);

 

숫자(500)로 스크롤 속도 조절하면 됩니다. 

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

답변에 대한 댓글 1개

n
nanati
11년 전
감사합니다 반은 해결됐네요 ^^!!

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

11년 전

jQuery 의 animate() 란 API를 이용해보세요.

 

http://api.jquery.com/animate/">http://api.jquery.com/animate/ 

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

답변에 대한 댓글 3개

n
nanati
11년 전
제가 스크립트 전혀 몰라서요 ㅠ ㅠ..
위 내용 어디다 넣어야 하나요?
잉끼
11년 전
글쎄요. 저 소스만으로는 어디를 수정해라고 말은 못하겠네요 . ^^
n
nanati
11년 전
아마 저 scrollTop을 뭔가 수정해서 속도를 조절하거나 애니메이션 효과를 주거나 해야할 것 같은데요 ㅠ ㅠ
죄송합니다; 너무 무지해서 질문도 어렵네요;

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

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

로그인