스크롤 배경 이미지의 불투명도를 낮추고 최소 불투명도를 제한합니다.
P粉166675898
P粉166675898 2024-04-04 23:50:53
0
1
1476

배경 이미지가 스크롤 시 불투명도를 줄이고 랜딩 페이지에서 벗어날 때 바닐라 자바스크립트를 사용하여 불투명도를 최소 0.5로 낮추도록 노력 중입니다. 스크롤 기능에 Math.max()를 추가하여 0.5까지만 낮추려고 했지만 이로 인해 모든 페이지에서 이미지가 0.5로 유지되었습니다.

랜딩 페이지의 불투명도는 항상 1로 설정하고 다른 모든 페이지의 불투명도는 0.5로 설정하고 싶습니다. 스크롤에 애니메이션을 적용할 수 있지만 0.5에서 멈춰야 합니다.

으아악 으아악 으아악

P粉166675898
P粉166675898

모든 응답(1)
P粉558478150

아래 그림과 같이 Math.min 而不是 Math.max를 추가해야 합니다. (필수는 아닌 window.onload 以便在代码片段中运行,但如果您的脚本加载是 defered도 추가했습니다)

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