随着页面滚动改变translateY的值

Question

一个面试题:
假设某个div的css为 .selector{transform:translateY(-500px)}
现在随着页面的滚动(自上而下),将-500逐渐变成0.变成0的过程中,停止滚动,则数值停止变化.

想了想,如果用$(".selector").css({"transform":"translateY("+($(window).scrollTop()-500)+"px)"});会出现超过0的值.

不知道大家有更好的方法没?

Answer 1

 $(".selector").css({"transform":"translateY("+($(window).scrollTop()-500)+"px)"});
 改成
 $(".selector").css({"transform":"translateY("+($(window).scrollTop()-500>0?0:$(window).scrollTop()-500)+"px)"});