2012-09-29 2 views
3

아마도 가장 좋은 제목은 아니지만, 내가 뭘 찾고있는 최선의 방법은이 http://www.mdot.it/ "하이재킹 된"수직 스크롤과 비슷한 효과를 가진 사이트를 만드는 것입니다.jquery 스크롤 효과 접근법 (스크롤 포인트, 가로 스크롤 "도둑")

기본적으로 나는 스크롤하는 것이 (예 : 스크롤 위치가 100이면 페이드 아웃하고, 고정 된 것으로 설정하는 등), 어떻게하면 될지 알고있을 것입니다. 내 머리를 잡지 못하는 것은 만드는 법입니다. 그것은 몇 가지 미친 조건과 물건을 사용하지 않으면 양방향으로 작동합니다.

중이 효과를 호출 할 수있는 권리 단어를 찾을 수 없습니다, 내가 paralax 플러그인 결과 검색 모든 ..

나에게 도움이 될 모든 팁/패턴/링크를?

감사합니다.

// mdot가하는 일은 전체 페이지를 프레임 (1 픽셀 1 프레임)로 분할 한 다음 각 프레임에 52 개의 요소에 대한 스타일을 할당하므로 모든 스크롤 된 픽셀에는 52 개의 스타일이 설정됩니다. 더 좋은 방법이 될까?

답변

2

skrollr은 원하는 것입니다. 그것은 매우 가볍고 당신의 방식으로는 가지 않습니다.

+0

좋아 보이지만 여전히 어떻게 (또는 무엇이 최고인지 알고 싶다. 플러그인을 사용하는 대신 플러그인을 사용하는 방법을 확인합니다. 지금까지 사용하고있는 것과 유사합니다. mdot (각 프레임에 CSS 스타일 지정) .. 고마워. – foxx

+0

각 프레임마다이 작업을 수행 할 필요가 없습니다. skrollr은 자동으로 값을 보간합니다. – Prinzhorn

+0

저는 방금 skrollr를 만든 사람이 당신이라는 것을 깨달았습니다. 첫째로, 훌륭한 직장입니다. 둘째, 나 자신을 처음부터 단순화 된 버전으로 만들고 싶습니다. 내가 이메일을 써 주면 나에게 몇 가지 대답을 해줄 수 있겠 니? 건배 .. 답변을 받아들이는 것만으로 시차 -y 사이트가 어떻게 작동 하는지를 모르는 사람들에게 맞는 것입니다. – foxx

0

나는 Google에서 http://johnpolacek.github.com/scrolldeck.js/을 발굴 할 수있었습니다. 예제 중 하나에는 양방향으로 작동하는 애니메이션이 포함되어 있으며, 비교적 잘 생각됩니다. 좋은 시작이어야합니다.

+0

내가 하나가 .. 특정 예에서 사용하는 것을 알고 http://johnpolacek.github.com/scrollorama/하는 꽤 심한 무게이고 내가 필요로하지 않는 많은 일을한다 .. 나는 그가 스크롤 업/스크롤 다운에서 fadein/fadeout을 어떻게하는지 보게 될 것이다 .. – foxx

0

확인 조엘 Besada으로 멋진 scrollpath :

https://github.com/JoelBesada/scrollpath

데모 here

+0

이미 만들어졌습니다. 그 http://juniorakademie.cz에있는 사이트와 그것은 내가 필요로하는 것에서 꽤 멀다. – foxx

+0

아, 괜찮아, 내 대답은 너를 도울 수 없어, 네가 다른 곳에서 대답을 찾길 바래. :-) Btw 그 사이트는 매우 좋은, 좋은 직장! – Nelson