سخن مدیر:

اموزش کار با پلاگین Scrollspy

یک دیدگاه
نویسنده: علی باقری نیا
تاریخ: ۹,فروردین,۱۳۹۷
آخرین ویرایش: ۰۵ اردیبهشت ۱۳۹۷
یک دیدگاه
با سلام و عرض وقت بخیر برای این ساعت از ...

امتیاز دهید :

1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 4٫50 out of 5)
Loading...

با سلام و عرض وقت بخیر برای این ساعت از خانه وردپرس در خدمتتون هستیم با آموزش کار با پلاگین Scrollspy در بوت استرپ. این پلاگین بر اساس موقعیت Scroll به طور خودکار لینک های مربوط به هر بخش را در

یک navigation قرار میده که با کلیک بر روی هریک از ایکون ها ی قرار داده شده شما به بخش مربوط به همون قسمت صفحه منتقل می شید.
مثلا ما این امکان رو در خانه وردپرس قرار دادیم به این صورت که مثلا شما در بخش فروشگاه سایت میتونید با کلیک برو روی گزینه خرید یا کلیک بر روی گزینه نظرات مستقیما به محل نظرات هدایت می شید بدون اینکه احتیاج باشه تامم صفحه ور دستی بلا و پائین کنید.
پس با ما همراه باشید

پلاگین Scrollspy درواقع هر بخش از مکان های مورد نظر شما را در بین دو یک section  به صورت زیر قرار می دهد و شما با کلیک بر روی آیکون section انتخابی به قسمت انتخابی هدایت می شوید.

نحوه قرار گیری کد section:

شروع کار :

کد های css , جی کوئری :

همراهان عزیز دقت فرمائید کد های بالا باید قبل از تگ </head> در فایل مربوط قرار گیرند .

کد های html :

نتیجه کار بصورت زیر می باشد:

امیدوارم از این آموزش لذت کافی را برده باشید.

راستی در کانال تلگرام ما عضو شوید و از مطالب بروز دنیای وردپرس استفاده کنید.پ

این مطلب بصورت اختصاصی برای خانه وردپرس تهیه شده است و کپی برداری بدون ذکر منبع غیر قانونی و حرام می باشدو

  • نویسنده
    علی باقری نیا
  • تعداد بازدید
    164 views
۱دیدگاه فرستاده شده است.
شما هم دیدگاه خود را بنویسید
  1. کاغذ دیواری :
    ۱۹ فروردین ۹۷

    متشکر از محتوای مفید سایتتون سال خوبی رو براتون آرزومندم

Time limit is exhausted. Please reload CAPTCHA.

نوشته‌های ویژه

با عضویت در خبرنامه، تازه‌ترین نوشته‌های وبلاگ را در ایمیل‌تان دریافت کنید.
برای عضویت نشانی ایمیل خود را وارد کرده و بر روی دکمه عضویت کلیک نمایید.