간단한 jQuery를 scrollTo는/일 애니메이션하지 않습니다

나는 그래서 같은 기본 탐색에 고정 된 헤더 표시 줄 : 간단한 jQuery를 scrollTo는/일 애니메이션하지 않습니다

<html> 
<head></head> 
<body> 
<ul class="nav navbar-nav"> 
    <li><a id="aboutme" href="#about-me">About</a></li> 
    <li><a id="workme" href="#work-me">Work</a></li> 
    <li><a id="contactme" href="#contact-me">Contact</a></li> 
</ul> 
... 
.. 
. 
<div id="about-me"> 
</div> 
</body> 
</html>

내가이는 '선형을 사용하여 동일한 페이지의 섹션으로 직접 할 ','느린 '애니메이션 값을 반환하지만 내 코드가 작동하지 않습니다.
$(document).ready(function() { 

    $('aboutme').click(function() { 
    $.scrollTo($("#about-me"),{duration: 1}); 
    }); 
}); 
구문이 잘못 전달 된 부분을 알고 있습니까? 그리고 이것을 달성하기 위해 github에서 jQuery animatedScroll을 사용해야합니까?

감사합니다 :) 어쨌든

출처

2014-02-05 tom1bomb

당신이 당신에게'$ .scrollTo' 기능을 제공하거나 어떤 이유로 그냥 뭔가 당신을 시도했다 것 플러그인을 가지고 있습니까? – adeneo

'$ ('aboutme'). 클릭은'$ ('# aboutme')이어야합니다. 다른 구문 코드를 설명하는 플러그인을 사용한다고 가정합니다. – DaniP

이 함수에는 플러그인이 사용되지 않았지만 github에 'animatedScroll'이라는 플러그인이 있습니다. – tom1bomb

, 여기에 플러그인없이 스크롤을 애니메이션하는 방법은?

$(document).ready(function() { 
    $('#aboutme').click(function(e) { 
     e.preventDefault(); 
     $('body, html').animate({scrollTop : $('#about-me').offset().top}, 'slow'); 
    }); 
});

출처

2014-02-05 21:00:29 adeneo

이 ScrollTo 플러그인을 사용하고있는 것 같습니다. 함수 첫 번째 참조 당신의 버튼에서

, 당신은 :

$ ('aboutme')를

이

$해야합니다 ('#의 aboutme')

그런 다음 시간 값을로 설정하십시오. 이 같은3210 :

$('#aboutme').click(function(e) { 
    e.preventDefault(); 
    $.scrollTo($("#about-me"),800); 
});

확인이 Demo Fiddle

출처

2014-02-05 21:13:28 DaniP

간단한 jQuery를 scrollTo는/일 애니메이션하지 않습니다

답변

관련 문제