小编Cal*_*lam的帖子

如何根据滚动位置缩小图像宽度

我想缩小基于滚动的徽标

到目前为止,我有这样的事情

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像素处进行-有什么想法吗?也许百分比宽度会更好?

javascript jquery

2
推荐指数
1
解决办法
5392
查看次数

标签 统计

javascript ×1

jquery ×1