我想缩小基于滚动的徽标
到目前为止,我有这样的事情
logoSize = function(){
var headerOffset = $(window).height() - 650;
var maxScrollDistance = 1300;
$(window).scroll(function() {
var percentage = maxScrollDistance / $(document).scrollTop();
if (percentage <= headerOffset) {
$('.logo').css('width', percentage * 64);
}
console.log(percentage);
});
}
logoSize();
Run Code Online (Sandbox Code Playgroud)
我接近了,但是图像开始太宽或收缩太快,如您所见,我需要在滚动的前650像素处进行-有什么想法吗?也许百分比宽度会更好?