2013-10-17 2 views
3

나는 간단한돌아 가기 (CSS 전용)

<a href="#header">Back to Top</a> 

이이 즉시 페이지의 상단에 저를 둔다. 하지만 CSS로 천천히 페이지 상단으로 이동하기를 원합니다.

이것이 가능합니까? 미리 감사드립니다.

편집 : 그래, 같은 문제가있는 사람이라면 누구나 가능합니다. 그것은이 JQuery와 함께했습니다 :

// #btt is ID of the Back to Top Link 
    $("#btt").click(function() { 
    //html and body is used because of Browser compatibilit 
    $("html, body").animate({scrollTop: 0}, 1000); 
    }); 
+0

자바 스크립트를 사용할 수 있다면 ScrollTo라는 매우 간단한 라이브러리가 있습니다. http://flesler.blogspot.com/2007/10/jqueryscrollto.html – jbaum012

+0

저는 JQuery에 자신이 없지만 매우 쉽게 보입니다. 감사합니다 –

답변

1

순수 CSS로 스크롤하는 것과 같은 작업을 활성화 할 수 없습니다. 죄송합니다. 거기에 jQuery가 필요합니다.

당신이 할 수있는 일은 사용자가 CSS를 사용하여 요소를 움직여서 페이지를 스크롤하여 생각하게하는 것입니다 : 호버 (hover). 그러나 이것은 정말 나쁜 습관이며, 간단한 jQuery 기능보다 훨씬 많은 코딩이 필요합니다.

+0

좋습니다, 고마워요. –