راکت

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

2 پاسخ

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

Mesusjk
Mesusjk
@Mesusjk
ثبت پرسش جدید

پاسخ‌ها

2
نیما  ش
نیما ش
@nimageneral

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

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

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

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

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

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

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

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

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