opacity范围
来源:1-4 Vue项目详情页 - 实现Header渐隐渐显效果
慕仙本仙_
2020-05-25 15:35:48
handleScroll(){
const top=document.documentElement.scrollTop;
if(top>60){
let opacity=top/140;
//console.log(opacity);
opacity=opacity>1?1:opacity
console.log(opacity);
this.opacityStyle={
opacity:opacity
};
this.showAbs=false;
}else{
this.showAbs=true;
}
}
老师,这里面opacity范围是60/140-1之间吧?老师讲的意思是0-1之间吗?没太明白。
1回答
同学你好,opacity属性规定设置0-1之间的值,代码中设置的范围在60/140-1之间,因为用了三元运算符进行判断,保证不超过1
也是在合理范围内的,所以没有问题。
祝学习愉快!
相似问题