مشکل bootstrap navbar-static-top

این تاپیک 11 پاسخ و 3 مشارکت کننده دارد . آخرین آپدیت توسط :  hamedt ،‏ 3 ماه و 3 هفته پیش .

این تاپیک تاکنون 274 بازدید داشته است .

نویسنده پست
جمعه ، 19 آگوست 2016     12:22 ب.ظ #


hamedt

Subscriber
8 پست2 تاپیک

سلام دوستان.

من یه صفحه ی ساده دارم که با bootstrap ساخته شده و یه هدر ثابت با دکمه toggle داره. وقتی عرض صفحه کم بشه دکمه نمایش داده میشه.

 

با وجود اینکه از کلاس navbar-static-top استفاده کردم ، ولی وقتی اسکرول میکنم هدر ثابت نمیمونه.

 

کدها رو در فایل زیر قرار دادم.

 

با تشکر

0  تشکر
جمعه ، 19 آگوست 2016     12:27 ب.ظ #


hamedt

Subscriber
8 پست2 تاپیک

فایل از حجم مجاز بیشتر بود . آپلود نشد.

 

از این لینک دانلود کنید  ----->  https://www.mediafire.com/?207detro16eaci7

0  تشکر
جمعه ، 19 آگوست 2016     1:48 ب.ظ #


hojat

Subscriber
95 پست3 تاپیک

سلام دوست عزیز

بجای کلاس ذکر شده باید از کلاس navbar-fixed-top  استفاده کرد.

موفق باشید.

0  تشکر
جمعه ، 19 آگوست 2016     2:10 ب.ظ #


hamedt

Subscriber
8 پست2 تاپیک

سلام دوست عزیز.

اول از navbar-fixed-top استفاده کرده بودم ولی دو تا مشکل داره.

1- محتوا میره پشت هدر قرار میگیره.

2- وقتی دکمه toggle باز میشه ، محتوای زیر هدر به پایین کشیده نمیشه. و منو روی بخش heading باز میشه. (به عکس ضمیمه نگاه کنید.این عکس منو رو در حالت باز شده نشون میده. میخوام مثل عکس ، وقتی منو باز میشه محتوا بیاد زیرش. اصطلاحاً push down content اتفاق بیوفته)

خودتون تو کد از کلاس navbar-fixed-top و navbar-static-top استفاده کنید تا مشکلات ذکر شده رو ببینید.

 

اگه بتونید اصلاح شده ی کد رو قرار بدید ممنون میشم.

 

پیوست ها:
You must be logged in to view attached files.
0  تشکر
جمعه ، 19 آگوست 2016     2:45 ب.ظ #


محمد ملکی

Subscriber
76 پست6 تاپیک

بهشون کلاس z-index بده در css تا درجه موقعیت نمایش تنظیم بشه

توجه هر چه عددی که می دهید بیشتر باشد در بالای همه قرار می گیرد

 

0  تشکر
جمعه ، 19 آگوست 2016     2:48 ب.ظ #


محمد ملکی

Subscriber
76 پست6 تاپیک

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

0  تشکر
جمعه ، 19 آگوست 2016     3:07 ب.ظ #


hamedt

Subscriber
8 پست2 تاپیک

z-index هم مشکل رو حل نکرد.

 

الزاماً میخوام از bootstrap استفاده کنم. خیلی ببخشید ولی استفاده کردن از فرم ورک دیگه یه جورایی ماست مالی کردنه. فریم ورکی با این قدرت یعنی راه حلی برای مشکلی به این سادگی نداره که من مجبور شم از فریمورک دیگه ای استفاده کنم؟ کنجکاوم بدونم راه حل این مشکل با bootstap چیه؟

 

با تشکر

1  تشکر
جمعه ، 19 آگوست 2016     5:01 ب.ظ #


hojat

Subscriber
95 پست3 تاپیک

دوست عزیز در تگ nav از کلاس navbar-static-top استفاده کنید.سپس یک کلاس دیگر با نام  fix-top در این تگ تعریف کنید.سپس استایل زیر رو وارد کنید.

بررسی کنید ببینید مشکل برطرف شده.

html code edit

css code

 

1  تشکر
جمعه ، 19 آگوست 2016     5:42 ب.ظ #


hamedt

Subscriber
8 پست2 تاپیک

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

0  تشکر
جمعه ، 19 آگوست 2016     9:53 ب.ظ #


hamedt

Subscriber
8 پست2 تاپیک

کسی از دوستان اطلاعی از راه حل این مشکل نداره؟

0  تشکر
پست 1 تا 10 (از مجموع 12 پست)

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