$(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개 / 댓글 4개
$(window).scrollTop(0); 을 아래처럼 바꿔보세요~
$('html, body').animate({scrollTop:0}, 500);
숫자(500)로 스크롤 속도 조절하면 됩니다.
답변에 대한 댓글 1개
jQuery 의 animate() 란 API를 이용해보세요.
답변에 대한 댓글 3개
죄송합니다; 너무 무지해서 질문도 어렵네요;
답변을 작성하려면 로그인이 필요합니다.