我想做一个滚动后改变某div的透明度，监听滚动事件后，滚动值是100的时候，变为半透明，200的时候完全透明，但是会出现一个问题，性能损耗，从1 -> 100 发送了100百次滚动，执行同样的操作半透明。 如果加上防抖函数滚动过快会出现直接跳跃100半透明的情况，变成200完全透明，没有过度的动画效果，左右为难，还望大神不吝赐教。

css动画有个过渡时间的属性。

这个嘛你首先要拆分问题！
1，做一个滚动后改变某div的透明度，监听滚动事件后，滚动值是100的时候，变为半透明。2，200的时候完全透明。
遇到的问题：
但是会出现一个问题，性能损耗，从1 -> 100 发送了100百次滚动，执行同样的操作半透明。
如果加上防抖函数滚动过快会出现直接跳跃100半透明的情况，变成200完全透明，没有过度的动画效果，左右为难，还望大神不吝赐教。
首先性能！滚动值我建议改成100%，这样不管你的div多大都能适应，其次每1%的滚动值刷新在5毫秒左右（低于5毫秒不刷新，一直到停下来或者超过5毫秒的1%滚动再刷新），也就是说一瞬间的滚动在500毫秒之内就直接发一个事件100%。这样就不会有性能损耗。
变半通明应该是代码bug请检查。

如果你可以说的更详细我可以帮你，我也是程序全栈。

常用的延时思路：
配合 css
transition:background-color 0.1s
基本就可以实现平滑变化
var functionName=(function(){ //闭包，functionName 写你的函数名
var free=true; //是否空闲
var temp=null; //缓冲数据区
var wait=false; //延时期间是否有调用
function entrance(value) { //入口，value 为你的滚动值
if (free) { //判断是否空闲，如果空闲，如下
doSomething(value); //调用你的实现，传递传入数值
delay(); //设置延时器
} else { //判断是否空闲，如果不空闲，如下
temp=value; //缓冲数据
wait=true; //标记延时期间有调用
}
};
function delay() { //延时器
free=false; //标记为非空闲状态
setTimeout(function(){
if (wait) { //判断延时期间是否有调用，如有，如下
doSomething(temp); //调用你的实现，传递缓冲数值
wait=false; //清除延时期间调用标记
temp=null; //清除缓冲数据区
};
free=true; //标记为空闲状态
},100); //延时长度，自己设置合适的，这里为每秒上限10次
};
function doSomething(value) { //你的实现，函数名可以自己设置，记得把其他地方的也改了
//你的代码，value 为滚动值
};
return entrance; //暴露入口
})();
functionName(value) //调用