راکت

تغییر استایل عکس

8 پاسخ

سلام دوستان وقتتون بخیر
میخوام که وقتی صفحه مرورگر اسکرول خورد استایل یک عکس رو تغییر بدم با جاوا اسکریپت ممنون میشم راهنماییم کنید

ثبت پرسش جدید

پاسخ‌ها

8
یاسین
یاسین
@srlky0088

سلام با جاوا اسکریپت رو نمیدونم ولی با خود css میشه به این صورت :

.test:target{
//Your css code is here
}
zahra hesami
zahra hesami
@zhesami

@srlky0088
خیلی ممنون از پاسختون ولی انجام دادم نشد

شاید پاسخ شما همین‌جا باشد

امیر علی
امیر علی
@ajdar9667

تخصص: طراح و توسعه دهنده fullstack

این کتابخونه خوب و مفیدیه :لینک

zahra hesami
zahra hesami
@zhesami

@ajdar9667
ممنونم از پاسختون

امیر علی
امیر علی
@ajdar9667

تخصص: طراح و توسعه دهنده fullstack

اگر به پاسختون رسیدین پاسخ برتر رو انتخاب کنین

علیرضا کفایتی
علیرضا کفایتی
@alirezakefayati

تخصص: برنامه نویس laravel, vue.js

سلام
این لینک هم میتواند مفید باشد : https://roocket.ir/articles/scrolling-effects-for-web-pages

سینا شاه‌اویسی
سینا شاه‌اویسی
@sinashahoveisi

تخصص: برنامه نویس

سلام این کدشه

<div class="container">
  <img src="https://www.iamg.org/images/Twitter_Logo_White_On_Blue.png" style="width: 50px;height: 50px" alt="">
</div>
.container {
  background-color: coral;
  height: 900px;
}

let image = document.querySelector(".container img");

window.addEventListener('scroll', function(e) {
  console.log(e)
  image.style.width = '200px';
  image.style.height = '200px';

});
مهدی علمی‌تبار
مهدی علمی‌تبار
@elmitabar

تخصص: سئوکار، طراح frontend

سلام وقت بخیر
در رویداد اسکرول استایل مد نظر وارد کنید
مثل این سایت https://www.luxardo.it
در صورت امکان بیشتر توضیح بدین

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام