나는 아래쪽 버튼을 클릭 할 때 멋진 애니메이션 방식으로 jQuery를 100 % 스크롤 다운하는 방법을 알아 내려고 노력했다.jQuery 스크롤 100 % (애니메이션)
기존 탐색 모음 대신 위/아래 단추가 있어야했습니다. 높이와 너비가 100 % 인 네 개의 패널이 있으며 고정 된 위치의 위/아래 버튼을 다음 패널로 이동해야합니다.
움직임을 100 % (아래로) 증가시키고 -100 % (상향)으로 계산할 것이라고 생각했지만, jQuery에서 어떻게 할 것인지 잘 모르겠습니다. 여러 가지 방법을 시도해 보았습니다. 나는 이것을 달성하는 가장 간단한 방법을 원합니다.
P. 수직으로 스크롤하고 싶습니다. :)
이것은 정말 멋진 플러그인으로, 어떻게 스크롤하고 싶은지, 정말 간단하고 재미있게 사용할 수있는 선택 방법을 제공합니다. 당신이 다른 지점으로 이동하려면
<a id="goTop">Top</a>
$("#goTop").click(function() {
$('body,html').animate({
scrollTop: 0
}, 400);
});
는, 단순히 앵커를 넣어 ('A'태그)에서 : http://johnpolacek.github.io/superscrollorama/
갈 탑 버튼 은 (당신이 원하는 모든 스타일)이만큼 간단합니다 이 점들. 그런 다음 jQuery로 위치 값을 위의 'scrollTop'으로 설정하여 이동할 수 있습니다. 또는 당신은 '이름'과 'HREF'로 (스크롤 애니메이션 제외) 단지 HTML을 사용할 수있는 것은 속성 :
<a name="top"></a>
<!-- Content -->
<a name="bottom"></a>
<a href="#top">Go top</a>
<a href="#bottom">Go bottom</a>
JQUERY 100 %를 아래로 스크롤 이것을 볼
$('body').animate({
scrollTop:$(document).height()
});
하는 경우 JQuery와 함께 가고 플러그인 작성자가되고 싶지 않을 때 항목을 스크롤 할 수있는 많은 무료 플러그인이 있습니다.
jquerytools에서 스크롤러 예제를 시도 http://jquerytools.org/ 그것은 당신이 원하는 다음/이전 버튼과 http://jquerytools.org/demos/scrollable/vertical.html
내가 버튼 '최고 이동'하지 않으 수직 스크롤을 지원
, 나는 네 개의 패널, 각이 400 % 높이. 나는 다음 패널, 그 다음, 다음으로 스크롤하는 버튼을 갖고 싶다. – Joel
코드가 동일하므로 go-top을 예로 듭니다. 내가 말했듯이, 당신이 원하는 것을하기위한 한 가지 방법은 모든 패널에 앵커를 두어 탐색을위한 참조로 사용하는 것입니다. 다음/이전 패널을 얻으려면 일부 로직을 적용해야하지만, 이는 사용자 코드에 달려 있습니다. – albhilazo