센세님 이렇게했는데 맞나요?
$(window).scroll(function () {
var 높이 = $(window).scrollTop();
console.log(높이);
var y = (-1 / 500) * 높이 + 115 / 50;
$('.card-box').eq(0).css('opacity', y);
var z = (-1 / 5000) * 높이 + 565 / 500;
$('.card-box').eq(0).css('transform', `scale( ${z} )`);
var y2 = (-1 / 800) * 높이 + 115 / 50;
$('.card-box').eq(1).css('opacity', y2);
var z2 = (-1 / 5000) * 높이 + 2.25;
$('.card-box').eq(1).css('transform', `scale( ${z} )`);
});
저는 두번째요소는 1000~1800 스크롤 값으로 잡았어요
1000에서는 1, 1800에서는 0으로 변하게끔 잡았거든요..
수학계산은 너무 어려워서 ..ㅠㅠ chat gpt썻어요