const ShowAnimate=(animateElem)=>{
this.animateElem=animateElem
animateElem.animate(animationObj,{
duration:5000,
fill:'forwards'
})
}
w.onscroll=function(){
var scroller=w.pageYOffset
if(scroller>=middleOffset){
ShowAnimate(descrIcon)
}
}if(topOffset>=cuurentDivOffset){
Если да,то она выполняется,иначе,соответственно,нет
}let middle=document.querySelector('#MiddleBlock')
let icon=document.querySelector('.icon')
let descrIcon=document.querySelector('.descrIcon')
let titleIcon=document.querySelectorAll('.titleIcon')
let scrollSize=window.pageYOffset
let titleIconOffset=titleIcon.offsetTop
let middleOffset=middle.offsetTop
const animationObj=[
{
opacity:0.3
},
{
opacity:0.5
},
{
opacity:0.6
},
{
opacity:0.7
},
{
opacity:0.9
},
{
opacity:1
}
];
for(let i=0;i<titleIcon.length;i++){
var all=titleIcon[i]
function setAnimate(animateElem,currentOffset,elemOffset){
if(currentOffset>=elemOffset){
animateElem.animate(animationObj,{
duration: 2500,
fill: 'forwards'
})
}
}
setAnimate(all,scrollSize,middleOffset)
}function clicker(){
var xhr=new XMLHttpRequest()
xhr.open('GET','text.js',false)
xhr.send(null)
if(xhr.status!=200){
alert(xhr.status + xhr.statusText)
}
else{
alert(xhr.responseText)
}
}