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

سلام خسته نباشید من به صورت مرحله به مرحله داشتم این کد رو با استاد مینوشتم اما در همان ابتدای جلسه به مشکل خوردم با اینکه کد من دقیقا مشابه استاده اما scale تغییر نمیکنه!

 

'use strict';
const firstpage = document.getElementsByClassName('.firstpage')       ;
const mainTitle = document.getElementsByClassName('.firstpage h1')    ;
const background = document.getElementsByClassName('.background')     ;
const middleground = document.getElementsByClassName('.middleground') ;
const foreground = document.getElementsByClassName('.foreground')     ;
const FIRST_PAGE_MAX_SCROLL = 500;
document.addEventListener( 'scroll' ,function (event) {
    let scrollOffset = window.pageYOffset ;
    if (scrollOffset <= FIRST_PAGE_MAX_SCROLL) {
        let p = 1 + (scrollOffset / FIRST_PAGE_MAX_SCROLL);
        mainTitle.style.transform = `scale(${p})`;
    }
});

سلام،
داخل متد getElementsByClassName کلاس با نقطه (.) نوشته نمیشود و ضمنا این متد یک آرایه برمیگرداند و اگر میخواهید اولین المان رو بگیرید باید ایدکس 0 رو مشخص کنید.

در querySelector از نقطه برای مشخص کردن کلاس استفاده میشود و اولین المان رو برمیگرداند. بنابراین از querySelector استفاده کنید.

 

 

محسن موحد ۱۲ اسفند ۱۴۰۲، ۲۳:۴۰