حفظ موقعیت اسکرول بعد از برگشت به صفحه قبلی

یونس قربانی

سلام دوست من

این راه حل، اطلاعات کاربر رو در حین جستجو و انتخاب منوها ذخیره می‌کنه تا بعد از بازگشت، دوباره بارگذاری بشه. مثلاً هر موقعیت اسکرول و انتخاب‌های انجام‌شده رو ذخیره کن و موقع بازگشت، دوباره این اطلاعات رو بارگذاری کن.

// ذخیره موقعیت اسکرول و انتخاب‌ها
const saveScrollPosition = () => {
    sessionStorage.setItem('scrollPosition', window.scrollY);
    sessionStorage.setItem('selectedMenu', JSON.stringify(selectedMenu));
    sessionStorage.setItem('searchQuery', searchQuery);
};

// بارگذاری موقعیت اسکرول و انتخاب‌ها
const loadScrollPosition = () => {
    const scrollPosition = sessionStorage.getItem('scrollPosition');
    const menu = JSON.parse(sessionStorage.getItem('selectedMenu'));
    const query = sessionStorage.getItem('searchQuery');

    if (scrollPosition) window.scrollTo(0, scrollPosition);
    if (menu) setSelectedMenu(menu);
    if (query) setSearchQuery(query);
};

با استفاده از این روش نیازی به نصب پکیج های بیرونی نداری