سلام وقت بخیر
تا دقیقه 42 که با استاد پیش رفتم وقتی میام op رو ضرب در 10 میکنم 7learn صفحه اول سایش میوفته رو صفحه دوم لگ هم میخوره با اسکرول کردن سریع
D:\\programs\\js motevaset\\paralex\\paralex.html
'use strict'
const firstpage = document.querySelector('.firstpage');
const mainTitle = document.querySelector('.firstpage h1');
const background = document.querySelector('.background');
const foreground = document.querySelector('.foreground');
const middleground = document.querySelector('.middleground');
const FIRST_PAGE_MAX_SCROLL =500;
const FIRST_TRANSITION_MIN = 450;
const FIRST_TRANSITION_MAX = 550;
document.addEventListener("scroll",function(event) {
let scrollofset = window.pageYOffset;
if(scrollofset<=FIRST_PAGE_MAX_SCROLL ){
firstpage.style.opacity=1
firstpage.Hidden=false;
let p = (scrollofset/FIRST_PAGE_MAX_SCROLL)
mainTitle.style.transform=`scale(${1+(0.1+p)})`;
background.style.transform=`scale(${1+(0.7*p)})`;
foreground.style.transform=`scale(${1+p})`;
middleground.style.transform=`scale(${1+(0.4*p)})`;
if(scrollofset>FIRST_TRANSITION_MIN && scrollofset<=FIRST_TRANSITION_MAX){
let op = (1- (scrollofset/FIRST_PAGE_MAX_SCROLL))*10;
//console.log(op);
if(op<=0){
firstpage.Hidden=true;
}else{
firstpage.style.opacity=op;
}
}
}
})