ثابت کردن منو در بالای سایت هنگام اسکرول

ثابت کردن منو در بالای سایت هنگام اسکرول

اشتـــراک گـــذاری مطلب

ثابت کردن منو در بالای سایت هنگام اسکرول

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

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

راه حل بسیار ساده هستش فقط کافیست طبق آموزش زیر جلو برید

ابتدا کد زیر را بدون هیچ تغیری در فایل style.css خود، در انتهای کد ها قرار دهید

سپس کد زیر را در فایل js خود قرار دهید

کار تمام است فقط کافیست طبق آموزش زیر کمی کد های بالا را شخصی سازی کنید

مطالب تصادفی -->  آموزش ساخت tooltip

در کد های js بالا، در خط زیر

به جای ۲۰۰  مقدار پیکسی که تمایل دارید بعد از اسکرول شدن، منو را ثابت کند را وارد کنید

و در کد های js بالا، در خط زیر

به جای header-top نام کلاس منوی خود را وارد کنید تا بعد از اسکرول شدن، آن من وبرای شما ثابت بماند

موفق باشید

در صورت برخورد با هر گونه مشکل ، در قسمت دیدگاه ها با ما در میان بگذارید ما حتما پاسخ آن را برای شما ارسال خواهیم کرد

لینک کوتاه این آموزش :

راستی! جهت دریافت ویدئو های رایگان، عضو پیج اینیستاگرام ما شوید.

دوست من سوالی داری که پاسخشو نمی دونی؟

پاسخ سوالتو همین امروز دریافت کن

تاریخ انتشار :

تعداد بازدید : 348 بازدید

برچسب ها :


, , , , ,


2 دیدگاه برای “ثابت کردن منو در بالای سایت هنگام اسکرول”
  1. مجتبی گفت:

    سلام
    منوی من عمودیه و با المنتور هم کار شده
    وقتی صفحه اسکرول میشه به پایین ، نصب منو روی فوتر میره . این مشکل رو چطوری میشه حل کرد؟
    ممنون میشم راهنمایی کنید

    1. میلاد علیزاده وکیلی گفت:

      وقت بخیر دوست عزیز
      امیدوارم حالتون عالی باشه
      از خاصیت z-index میتونین استفاده کنید و z-index فوتر رو بیشتر از منوی خود قرار بدین
      سوالی داشتید حتما بپرسید بنده پاسخگو هستم
      اگر پاسخ ارسال شده کمکتان نکرد، لطفا آدرس وبسایت رو ارسال کنید تا دقیق تر راهنمایی کرده و کد مربوطه را برایتان ارسال کنیم
      موفق باشید

پاسخی بگذارید

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

17 − پانزده =

تبلیغات تصویری

بـراے دستــرسے سریع تر به سایــت، می توانــید وب سایـــت ما را بوکــمارک کنیــد .