탑메뉴질문이여...
본문
여기 탑메뉴들 누르면 천천히 내려가는데 어떤걸로 인해 작동되는건가요????
답변 2
a 태그에 기본적으로 책갈피 기능이 있습니다.
클릭하면 같은 페이지 내에서 해당 영역으로 이동합니다.
(예제)
<a href="#intro"> 인트로 영역으로 </a> <br>
<a href="#bottom">하단으로</a>
....
<a name="intro"> 인트로 영역입니다.</a>
....
<a name="bottom"> 하단</a>
$(window).load(function() {
$('a[href^="#"]').click(function () {
var speed = 500;
var href = $(this).attr("href");
var target = $(href == "#" || href == "" ? 'html' : href);
var position = target.offset().top;
$("html, body").animate({
scrollTop: position
}, speed, "swing");
return false;
});
});
위 코드를 전 페이지에 적용하는 js에 기입해주시면 됩니다~
!-->
답변을 작성하시기 전에 로그인 해주세요.