یلدا ادامه داره... ❤️ ۴۰ درصد تخفیف همه دوره‌ها

استفاده از تخفیف‌ها
ثانیه
دقیقه
ساعت
روز
Mesusjk
5 سال پیش توسط Mesusjk مطرح شد
2 پاسخ

اسکرول به صفحه پایینتر

سلام. وقتتون بخیر. یه سایت آزمایشی دارم که با reactjs ساختم و به سه قسمت تقسیم میشه. طول و عرض هر سه صفحه رو روی 100vw و 100vh گذاشتم. این صفحه ها به صورت ستونی روی هم قرار دارن. توی صفحه اول و دوم یه دکمه دارم که میخوام هرموقع روش کلیک شد، به صورت انیمیشنی به صفحه پایینتر بره. چطور میتونم اینطور چیزی رو درست کنم؟


ثبت پرسش جدید
نیما - ش
تخصص : برنامه نویس وب
@nimageneral 5 سال پیش آپدیت شد
1

این مثال خوبی هست ، میتونی به این صورت استفاده کنی

const scrollTo = (ref) => {
  if (ref /* + other conditions */) {
    ref.scrollIntoView({ behavior: 'smooth', block: 'start' })
  }
}

<div ref={scrollTo}>Item</div>

Mesusjk
تخصص : برنامه نویس جنگو و پایتون
@Mesusjk 5 سال پیش مطرح شد
0

منظور از ref چیه؟ @nimageneral


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

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