使用滚动更改文本填充颜色

Question

如何使用滚动更改文本填充颜色。开始时文字应为白色。当滚动较低时，文本应该是透明的（在背景中是图像）。 我知道，必须将文本填充颜色从rgba（255,255,255,0）改为rgba（255,255,255,1）

代码：

    var bg = document.querySelector('.shadower');
var text = document.querySelector('.clip-text-bg');

window.addEventListener('scroll', function () {
  var height = window.innerHeight;
  var scroll = window.scrollY;
  var percent = (scroll / height).toFixed(2);

  bg.style.opacity = Math.min(percent, .7);
  text.style.opacity = Math.max(1 - (percent * 2), 0);
})

http://codepen.io/Bakr1/pen/EWXdPG