随着页面滚动,标题栏颜色变化
页面头部标题一开始是透明状态,,随着屏幕滚动,颜色慢慢变深,到一定高度停止变化
给window 绑定滚动事件,获取当前滚动的高度
当前高度 * 最大透明度 / 停止变色高度 = 透明度
// 标题颜色改变
var banner = document.querySelector('.banner'); // 获取滚动停止位置的元素
var bannerHeight = banner.offsetHeight; // 获取滚动停止位置的元素据top的高度
var hea