1
3 개의 미리보기 이미지 행이있는 페이지가 있습니다. 각 이미지의 너비는 같지만 높이가 다양하기 때문에 페이지를 스크롤 할 때 행이 다른 시간에 끝납니다. 각 행을 다른 속도로 스크롤 할 수있는 방법을 찾고 있습니다. 그래서 페이지의 맨 아래에 모두 함께 끝납니다. 수직 시차 효과와 비슷합니다. 이것은 가능한가?페이지 스크롤과 속도가 다른 항목 스크롤
내 HTML은 다음과 같습니다
<div id="thumbnails">
<ul id="row-one">
<li class="thumb1">...</li>
<li class="thumb2">...</li>
</ul>
<ul id="row-two">
<li class="thumb1">...</li>
<li class="thumb2">...</li>
<li class="thumb3">...</li>
<li class="thumb4">...</li>
</ul>
<ul id="row-three">
<li class="thumb1">...</li>
<li class="thumb2">...</li>
<li class="thumb3">...</li>
</ul>
내 CSS :
이#thumbnails { width: 100%; }
ul { float: left; display: inline; width: 33%; }