ساخت منوهای پیمایش ملایم برای سایت تک صفحه‌ای

معمولا در سایت‌های تک صفحه‌ای، منوها به شکلی طراحی می‌شوند که هنگام کلیک روی آن‌ها، صفحه به صورت ملایم و نرم به قسمت مورد نظر حرکت می‌کنند. انجام این کار با استفاده از کدهای جاوااسکریپت و جی‌کوئری به آسانی امکان پذیر است.

جهت انجام این کار لازم است تا کتابخانه jQuery را در سایت خود درج نمایید و با استفاده از کدهای زیر منوهای سایت را به صورت پیمایش ملایم درآورید.

اضافه کردن کتابخانه jQuery

کد زیر را به سرآمد صفحه اضافه کنید.

اضافه کردن تابع

تابع زیر را در قسمتی دلخواه از صفحه بعد از کد jQuery قرار دهید.

ساخت منو

ایجاد بخش‌های مورد نظر با ID

سپس به اسلایدها، شناسه یا ID مقصد a ها را که بالاتر تعریف کردیم را مقدار دهی می‌کنیم.
مثلا برای منوی دوم، باید به شکل زیر باشد.

پس از انجام مراحل بالا، هنگامی که کاربر روی منوهای سایت کلیک کند، صفحه به صورت آرام و ملایم به بخش مورد نظر حرکت خواهد کرد.

برای دانلود نمونه این آموزش اینجا کلیک کنید: دانلود مثال منوی پیمایش ملایم

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *