دوره مجازی بوت استرپ (جلسه 14) : جاوا اسکریپت در بوت استرپ - بخش سوم -اسکرول ها و منوهای چسبان



visibility  
mode_comment   ۱۰

در جلسه چهاردهم دوره آمورشی فریم ورک بوت استرپ و در ادامه مبحث جاوااسکریپت و در بخش سوم این مبحث می پردازیم به ایجاد اسکرول ها و منو های چسبان و بررسی و نحوه استفاده از پلاگین scrollspy,affix برای ایجاد آنها و بخشی از مبحث collapse ها و نحوه ایجاد آنها رو توسط بوت استرپ بررسی خواهیم کرد...

مطالب مطرح شده در این جلسه عبارتند از :

  • بررسی پلاگین scrollspy و کاربرد آن
  • نحوه ایجاد scrollspy
  • بررسی اتریبیوت data-spy
  • بررسی پلاگین affix و کاربر آن
  • نحوه ایجاد منوهای چسبان (Sticky Menu)
  • بررسی اتریبیوت data-offset-top و data-offset-bottom
  • نحوه استفاده ترکیبی از پلاگین scrollspy و affix
  • بررسی بخشی از پلاگین collapse و کاربرد آن
  • نحوه ایجاد collapse ها
  • بررسی کلاس collapse
  • بررسی کلاس collapse in
info توجه

این مطلب یک جلسه از آموزش بوت استرپ 3 می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.

ثبت نام در آموزش بوت استرپ 3

comment دیدگاه کاربران
amir rahimi morad replyپاسخ

سلام و خسته نباشید
آقای صالحی من به یک مشکلی توی اسکرول ها برخوردم و نمیدونم چیکار کنم….
همه چیز به درستی سر جاش قرار گرفته و کار هم درست انجام میشه فقط مشکل اینه وقتی به طور مثال منو را چهار بخش کردم و با کلیک روی هر بخش خود ب خود صحفه اسکرول میشه روی اون بخش اما کلاس اکتیو فعال نمیشه یعنی رو یک بخش قبلی فعال میشه که وقتی من به صورت دستی اسکرول مرورگر را کمی پایین تر(2px) میکشم اکتیو بودن به همون بخش مورد نظر میاد… امیدوارم تونسته باشم منظورو برسونم. و ممنون میشم راهنماییم کنین

وحید صالحی

سلام متاسفانه متوجه منظورتون نشدم دوست عزیز!!!

amir rahimi morad replyپاسخ

آقای صالحی من سایت رو آپلود کردم روی هاست لطفا چک میکنید
www.kondorbusiness.com
مشکل در اسکرول بخش بندی هاس وقتی روی منو بطور مثال میزنم روی بخش دوم صحفه اسکرول اسپای میشه روی بخش دوم اما کلاس اکتیو روی منو بخش دوم قرار نمیگیره به محض اینکه چند پیکسل به صورت دستی اسکرول میکنم پایین تر کلاس اکتیو از بخش یک به بخش دوم منو قرار میگیره.
ممنون میشم راهنماییم کنین

وحید صالحی

سورس قالبتون رو به ایمیل بنده ارسال کنید تا بررسی بشه

amir rahimi morad replyپاسخ

آقای صالحی عزیز من با ایمیل z_zzz_r@yahoo.com با عنوان 7Learn-help سورس را ارسال کردم ممنون از زحماتتون

وحید صالحی

سلام باید اتریبیوت data-offset رو هم به تگ body اضافه کنید —> data-offset=”50″ پاسخ به ایمیلتون هم ارسال شد
موفق باشید

amir rahimi morad

بسیار ممنون از سایت خوبتون و پشتیبانی که از دانشجو ها میکنید.

وحید صالحی

خواهش میکنم آقای رحیمی موفق باشید

آرش ذاکری replyپاسخ

سلام
ضمن تشکر از تدریس خیلی خیلی خوبتون، میخواستم بگم ظاهرا در پست مربوط به جلسه 13 یک مشکلی وجود داره، من جلسه قبل و بعدش رو به راحتی دانلود کردم ولی تا میرم توی جلسه 13، بصورت Log out نشون داده میشم و باز هم که Log in میکنم فقط توی همین جلسه 13 مجددا Log out نشون داده میشم و نمیتونم بهش دسترسی داشته باشم! انواع راهها رو تست کردم و نشد، چرا آیا؟! انگار این ماجرای عدد 13 که میگن اینجا میخواد یه خودی از خودش نشون بده! 😉 😆

لقمان آوند

مجددا تست کنید …

ارسال نظرات

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