zahra hesami
3 سال پیش توسط zahra hesami مطرح شد
8 پاسخ

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

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


ثبت پرسش جدید
یاسین
@srlky0088 3 سال پیش مطرح شد
0

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

.test:target{
//Your css code is here
}

zahra hesami
@zhesami 3 سال پیش مطرح شد
0

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


امیر علی
تخصص : طراح و توسعه دهنده fullstack
@ajdar9667 3 سال پیش مطرح شد
0

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


zahra hesami
@zhesami 3 سال پیش مطرح شد
0

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


امیر علی
تخصص : طراح و توسعه دهنده fullstack
@ajdar9667 3 سال پیش مطرح شد
0

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


علیرضا کفایتی
تخصص : برنامه نویس laravel, vue.js
@alirezakefayati 3 سال پیش مطرح شد
0

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


سینا شاه‌اویسی
تخصص : برنامه نویس فرانت اند
@sinashahoveisi 3 سال پیش مطرح شد
1

سلام این کدشه

<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';

});

مهدی علمی‌تبار
تخصص : سئوکار، طراح frontend
@elmitabar 3 سال پیش مطرح شد
0

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


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

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