javascript mootools 'x'픽셀만큼 부드럽게 스크롤

javascript/mootools를 사용하여 180px 스크롤을 부드럽게하려고합니다.javascript mootools 'x'픽셀만큼 부드럽게 스크롤

나는 다음과 JS 코드가 있습니다

document.documentElement.scrollTop = document.documentElement.scrollTop + 180;

을하지만, 예를 들어 500ms로의 과정을 통해이 일을 할 수있는 방법 그래서 그것이 (그것이 현재 않는) 아래로 점프보다는 스크롤 애니메이션. 사용하여

건배, 안녕

출처

2012-09-07 Adi

당신이 할 수있는 Fx.SmoothScroll

var ss = new Fx.SmoothScroll({duration: 500 /* ms */}, window); 

$('scroll').addEvent('click', function(){ ss.start(0, 180 /* Y offset of the window */); });

데모 : http://jsfiddle.net/TmBkj/1/

편집 : 플러그인을 포함해야합니다 (하지의 핵심에 기본적으로) 또는 더 많은 번들을 포함하십시오. 항상 위로부터 작동하지만, 원한다면 무엇이 있습니까?

출처

2012-09-07 11:13:24 stecb

페이지에 상관없이 180px 스크롤하십시오. 귀하의 스크롤 요소에 귀하의 바이올린이 CSS 위치를 가지고 있다고 상상해보십시오. 실제로 – Adi

이 고정되어 있다고 생각합니다. var ss = new Fx.SmoothScroll ({duration : 500/* ms * /}, window); $ ('scroll'). addEvent ('click', function() { var foo = document.body.scrollTop; ss.start (foo, foo + 180/* 윈도우의 Y 오프셋 * /);}); – Adi

또는 이와 비슷한 제품이 있습니까? http://jsfiddle.net/TmBkj/3/ – stecb

javascript mootools 'x'픽셀만큼 부드럽게 스크롤

답변

관련 문제