여기 보이는 것과 비슷한 효과를 얻으려고 노력 중입니다
그러나 각 섹션의 콘텐츠도 스크롤 가능해야 합니다. 즉, 섹션 하단에 도달한 경우에만 수정됩니다.
예를 들어 콘텐츠가 200vh인 경우 다음과 같습니다.
보시다시피 1부와 2부가 상단에 고정되어 있어 스크롤을 내려 사진을 볼 수 없습니다.
그러나 마지막 부분은 완벽하게 작동합니다.
그렇다면 이 효과를 어떻게 얻을 수 있나요? 이상적으로는 순수한 CSS를 사용하지만 JavaScript 솔루션에도 열려 있습니다.
P粉1419251812023-09-10 18:28:14
해결책을 찾았어요! JavaScript에서 한 줄의 코드로 설정하세요 top
창 크기를 조정하면 작동할지 잘 모르겠지만
하지만 언제든지 onresize를 사용하여 이 상황을 처리할 수 있습니다
아직 순수한 CSS 솔루션을 사용할 수 있나요?