تابستون داره تموم میشه ها، فرصت‌ها محدودن کلی آفر جذاب در کمپین تابستون🔥👇
۰ ثانیه
۰ دقیقه
۰ ساعت
۰ عرشیا
افتادن سایه 7learn برروی صفحه دوم
جامعه جاوا اسکریپت ایجاد شده در ۲۴ بهمن ۱۴۰۱

سلام وقت بخیر

تا دقیقه 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;

   

     }

    }

  }

})