2009-09-09 5 views
2

버튼을 클릭하면 브라우저가 자동으로 <a> ("abc"라고 부름)로 스크롤되도록합니다. 스크롤링은 어떤면에서는 멋지게 움직이는 것이 이상적입니다.jQuery를 사용하여 특정 href가있는 <a>으로 페이지를 스크롤하십시오.

+1

애니메이션이 산만하고 응용 프로그램을 사용하는 방법으로 얻을. 귀하의 응용 프로그램이 어떤 종류의 애니메이션 도구가 아니라면. – tsilb

+0

그가 스크롤하는 요소가 스크롤하지 않고도 보이지 않으면 어떻게해야합니까? 이 경우에는 ScrollTo가 좋은 UX입니다. –

답변

5

jQuery.scrollTo 플러그인을 살펴보십시오. 이 플러그인

당신은 단순히 수 :

$.scrollTo('a[href=abc]'); 
2

당신은 어떤 플러그인이 필요하지 않습니다. 간단

$(document.documentElement).animate({ 
    scrollTop: $('a#abc').offset().top 
}); 
+0

jquery는 적어도 90kb의 읽을 수있는 코드를 추가하기 때문에. –

4

방법 : jQuery를위한

element_to_scroll_to = document.getElementById('anchorName2'); 
element_to_scroll_to.scrollIntoView(); 

도 필요 없음)

+0

function scroll2() { var element_to_scroll_to = document.getElementById ('address'). scrollIntoView(); } –

+0

하지만 "a href"와 동일 :( –

관련 문제