스크롤을 목록의 다음 이미지로 건너 뛰십시오 (연속이 아님)

Question

어떻게 아래의 효과를 만들 수 있습니까? 스크롤이 연속체가 아닌 스크롤하면 대신 다음 이미지로 이동합니다. http://www.yesstudio.co.uk/

이미지가 매우 복잡하여 다른 솔루션에서도 비슷한 효과를 얻을 수 있습니다.

Answer 1

JS를 사용해야 할 것 같습니다. JQuery를 사용하십시오. 그렇게 복잡하지 않아야합니다. 페이지 소스를 보면 이미지가 정상적으로로드되었음을 알 수 있습니다. 당신이 할 일은 당신의 HTML에

<div style='width:100%;height:100%;position:fixed;z-index:2'> 
    <img id='pic' src=''> 
</div> 

에 1 점을 추가하는 듯하고 $(window).scrollTop()에 따라 src atribute를 업데이트한다. JQuery에는 어떤 요소가 표시되는지 알려주는 함수가 있다고 생각합니다. 확실하지. 봐봐.

몇 가지 생각해보십시오.