제목은 다음과 같이 다시 작성되었습니다. 하단 붙여넣기 기능의 스크롤 효과를 얻는 방법은 무엇입니까?
P粉587780103
P粉587780103 2023-09-09 19:41:49
0
1
614

여기 보이는 것과 비슷한 효과를 얻으려고 노력 중입니다

그러나 각 섹션의 콘텐츠도 스크롤 가능해야 합니다. 즉, 섹션 하단에 도달한 경우에만 수정됩니다.

예를 들어 콘텐츠가 200vh인 경우 다음과 같습니다.

으아악 으아악

보시다시피 1부와 2부가 상단에 고정되어 있어 스크롤을 내려 사진을 볼 수 없습니다.

그러나 마지막 부분은 완벽하게 작동합니다.

그렇다면 이 효과를 어떻게 얻을 수 있나요? 이상적으로는 순수한 CSS를 사용하지만 JavaScript 솔루션에도 열려 있습니다.

P粉587780103
P粉587780103

모든 응답(1)
P粉141925181

해결책을 찾았어요! JavaScript에서 한 줄의 코드로 설정하세요 top

으아악 으아악 으아악

창 크기를 조정하면 작동할지 잘 모르겠지만
하지만 언제든지 onresize를 사용하여 이 상황을 처리할 수 있습니다

아직 순수한 CSS 솔루션을 사용할 수 있나요?

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿