LV 3 Apple Music UI 만들기에서 scale 관련 질문

[튜링]

스크롤을 할 때 크기가 변화하는 것에서

$(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} )');

});

 

Y절편이 565/500이어서 Scale이 565/500이 되어, 스크롤을 하다보면 첫 카드의 UI가 아래 카드들의 UI보다 커집니다. 어떻게 해결해야할까요? scale maximum등을 찾아봤지만 잘 모르겠습니다.

[codingapple]

if (높이 < 1000) {

  transform 해주셈 

} 

특정 높이를 넘어가면 transform 해주지 말라고 if문을 쓰면 될 것 같군요 

 

[심현석]

저도 같은 현상이 일어나는데 어떻게 해야할지 모르겠습니다 ..

[codingapple]

원하는 높이에선 transform 그만하라고 if문 추가합시다

[글쓴이]

글