js如何控制背景色透明度从0到1？
初始颜色为 rgba(36, 41, 44, 0)，当滚动时透明度慢慢向1变化，滚动到100px时，透明度为1。
该如何实现？
滚动代码如下：
window.onscroll = function() {
var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
if(scrollTop >= 100){
怎么写.....
} else {
code in here........
}
});
展开
收起
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
1
条回答
写回答
-
IT从业
我写了一个头部固定透明度变化的demo，可以参考下。
header{ position:fixed; width:100%; height:50px; top:0; left:0; background:rgba(36,41,44,0); }var header=document.getElementById('header'); window.onscroll = function() { var scrollTop = document.body.scrollTop || document.documentElement.scrollTop; var opcaity=(scrollTop/100>1)?1:scrollTop/100; header.style.background='rgba(36,41,44,'+opcaity+')'; }2019-07-17 19:34:13赞同 展开评论
相关问答