jQuery change screen

$('#intro').click(function(){
    $('html, body').animate({
    scrollTop: $(".section-intro").offset().top
}, 1500);
});
<li class="nav-item"><a id="intro">소개</a></li>
<section class="section-intro" style="height: 840px">
</section>

scroll은 selector의 top좌표의 위치로 이동하게 된다.

COMMENT:

1. animate의 가장 마지막 변수의 의미는 스크롤이 움직이는 속도이다. 값이 클 수록 천천히 움직인다.

2. javascript에서 selector를 효율적으로 사용할 것

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s