스크립트 안에 부드럽게 슬라이드...-ㅅ -?
본문
$(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
$(window).scrollTop(0); 을 아래처럼 바꿔보세요~
$('html, body').animate({scrollTop:0}, 500);
숫자(500)로 스크롤 속도 조절하면 됩니다.
감사합니다 반은 해결됐네요 ^^!!
제가 스크립트 전혀 몰라서요 ㅠ ㅠ..
위 내용 어디다 넣어야 하나요?
글쎄요. 저 소스만으로는 어디를 수정해라고 말은 못하겠네요 . ^^
아마 저 scrollTop을 뭔가 수정해서 속도를 조절하거나 애니메이션 효과를 주거나 해야할 것 같은데요 ㅠ ㅠ
죄송합니다; 너무 무지해서 질문도 어렵네요;