JQuery 스크롤 효과에 대한 내용 변경

this site에 표시된 것과 동일한 효과를 얻으려면 어떻게해야할까요? 특정 게시물에 두 개의 파란색 원형 물체가 집중되면 해당 게시물에 대한 데이터가 두 가지 원 안에 표시됩니다. 거기에 특별히 만들어진 jQuery 플러그인이 있습니까?JQuery 스크롤 효과에 대한 내용 변경

오버레이를 사용하고 있다는 것을 알고 있습니다. 특정 게시물에 파란색 원이 집중되어있을 때 콘텐츠 전환에 대해 더 궁금합니다.

감사합니다.

출처

2011-04-27 585connor

이것은 간단합니다. 콘텐츠와 동기화되는 파란색 배경이 있습니다. 그것의 꼭대기에 그것들을 덮기위한 오버레이 레이어가 추가되었습니다. 스크롤하는 동안 서클이 콘텐츠를 변경한다고 느껴집니다. this 오버레이 이미지를 확인하면 거기에 무슨 일이 일어나게 될 것입니다! :)

출처

2011-04-27 05:46:59 Mohsen

실제로 파란색 원의 콘텐츠가 자바 스크립트로 바뀌고 있습니다. 2 개의 게시물간에 앞뒤로 스크롤하면 알 수 있습니다. – 585connor

왜 당신이 downvoted되었는지 잘 모르겠다 - 이것은 당신이 그것을 어떻게하는지, JS가 날짜와 그림을 바꾸기 위해 필요하지만 - 좋은 속임수. – cbp

체크 아웃과 자바 스크립트 사용 안함 : http://jsfiddle.net/TDY2y/ – Mohsen

Firebug를 사용하여 사이트를 검사하면 실제로 특정 게시물을 볼 때 스팬의 표시/숨기기를 볼 수 있습니다. 화면에서 각 게시물을 감싸는 요소의 위치를 결정하는 간단한 계산.

의 효과에 뭔가 :

<div class="post-wrapper"> 
    <span class="date"></span> 
    <div class="post"></div> 
    <span class="type"></span> 
</div>

가 어떤 위치에있을 경우 post-wrapper

의 위치를 계산 이전 post-wrapper의 <span>들 숨기고 현재 post-wrapper

의 <span>의 표시

물론 멋진 CSS 배치와 함께.

출처

2011-04-27 06:00:58

''post-wrapper'의 현재 위치를 어떻게 계산합니까? – 585connor

JQuery 스크롤 효과에 대한 내용 변경

답변

관련 문제