선생님, 제 코드입니다.
<script>
$(window).scroll(function () {
var h = $(window).scrollTop();
console.log(h);
var y = (-1 / 433) * h + 1100 / 433;
var z = (-1 / 4330) * h + 4997 / 4330;
$('.card-box').eq(0).css('opacity', y);
$('.card-box')
.eq(0)
.css('transform', `scale(${z})`);
});
</script>
<!-- start: 667, end: 1100-->
시작 지점에서 작아지면서 사라지는 것은 잘 되는데, 그 시작지점에서 위로 스크롤을 올리면 원래 img 크기보다 더 커집니다.
크기 유지할 수 있는 방법이 뭘까요?