Javascript 创建动画或允许边距逐渐到达滚动功能中的点

当使用非百分比时，上述方法有效。但当我把“150”改为5%时，它就不起作用了。进行此尝试的原因是允许数字之间的转换逐渐达到该点。或增加当前处于页面加载状态当“150”时，页面上的过滤器元素自动为-150px，我希望它在滚动功能中逐渐达到这一点。或者在用户滚动时，以某种方式在两者之间加入动画。

这段代码到底在做什么？我们在这里看到的是你的非工作方法，而不是问题所在。如果您指出问题所在，人们可能会建议您另一种选择。当您知道滚动距离和可滚动区域的总高度时，您始终可以计算百分比

$(window).scroll(function(){
    var fromTop = $(window).scrollTop();
    $(".filter-page").css('margin', '-' + (30 - fromTop) + 'px 0px 0px 0px');
    $(".filter").css('margin', '-' + (5% - fromTop) + 'px 0px 0px 0px'); // changed from 150 to 5%
});