배경 이미지가 스크롤 시 불투명도를 줄이고 랜딩 페이지에서 벗어날 때 바닐라 자바스크립트를 사용하여 불투명도를 최소 0.5로 낮추도록 노력 중입니다. 스크롤 기능에 Math.max()
를 추가하여 0.5까지만 낮추려고 했지만 이로 인해 모든 페이지에서 이미지가 0.5로 유지되었습니다.
랜딩 페이지의 불투명도는 항상 1로 설정하고 다른 모든 페이지의 불투명도는 0.5로 설정하고 싶습니다. 스크롤에 애니메이션을 적용할 수 있지만 0.5에서 멈춰야 합니다.
으아악 으아악 으아악
아래 그림과 같이
Math.min
而不是Math.max
를 추가해야 합니다. (필수는 아닌window.onload
以便在代码片段中运行,但如果您的脚本加载是defer
ed도 추가했습니다)