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回答

好帮手慕星星

2020-05-25

同学你好,opacity属性规定设置0-1之间的值,代码中设置的范围在60/140-1之间,因为用了三元运算符进行判断,保证不超过1

http://img.mukewang.com/climg/5ecb8a7409458ca302980033.jpg

也是在合理范围内的,所以没有问题。

祝学习愉快!

0

0 学习 · 10739 问题

查看课程