مشکل با منو چسبان

[mani2000]

سلام
من میخوام در سایتم اول هدر سایت باشه بعد منو بعدشم با اسکرول منو بالا ثابت شه مثل این سایت
http://bigetek.com/
خیلی درباره این موضوع سرچ کردم اما به نتیجه نرسیدم کسی نمونه ای داره لطف کنه بذاری تقریبا یک ماهی میشه گیرم و هیچی به هیچی:افسرده::متفکر::اشتباه:
ممنون میشم

[harand1]

سلام در مورد position و z-index در css تحقیق کنید:)

[سعید کشاورز]

از این پلاگین استفاده کنید خیلی راحت و خبی دردسره
http://stickyjs.com/

[ebibombas1988]

با html , css خالی نمیشه پیاده سازیش کرد باید یه مقدار کدنویسی js هم بکنی

[mani2000]

ممنونم از همه عزیزان
من پلاگین رو گرفتم اما وقتی یه عکس بالای هدر گذاشتم اسکرول که می کنم عادی صفحه رد شد و چسبان نشد منو خواهش می کنم یه نمونه بذارید من مبتدی ام
بد جور گیر کردم
ممنون میشم

[ateryad]

شاید این آموزش به کار شما بیاید:
http://webtarget.ir/blog/%D8%B3%D8%A7%D8%AE%D8%AA-sticky-menu-%DB%8C%D8%A7-%D9%85%D9%86%D9%88%DB%8C-%DA%86%D8%B3%D8%A8%D9%86%D8%AF%D9%87-%D8%A8%D8%A7-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A7%D8%B2-%D8%AC%DB%8C-%DA%A9/

[mani2000]

سلام
ممنونم من از بوت استرپ استفاده می کنم
پلاگین رو گرفتم
امدم فایلهای لازم رو به مسترم اضاف کردم و بعد از کلاس هدر طبق نمونه استفاده کردم و کلاس row مربوط به بوت استرپ رو داخلش گذاشتم اما هنگام اسکرول منو بالا ثابت هست اما از زیر پنل ها عبور می کنه چکار کنم بیفته روی پنل ها در نمایش
مرسی
اینجوریه
143244
و هنگام استفاده از تگ سنتر پیغام میده اچ تی ام ال ۵ ازش پشتیبانی نمیکنه!!
؟؟جایگزینش چیه؟

[mani2000]

کسی
نیست
بگه چکار کنم منو از زیر پنلها رد نشه و رو باشه

[mani2000]

کسی نمیدونه؟

[harand1]

کسی نمیدونه؟

سلام :)
چیزی که من گفتم فایده نداشت ؟ اصلا دربارش تحقیق کردی؟باید به منو پوزیشن فیکس بدی و زد ایندکسش رو بیشتر از یک بدی :)

[mani2000]

بله
Position رو برابر fixed قرار دادم بازم از زیر رد میشه. ..

[harand1]

بله
Position رو برابر fixed قرار دادم بازم از زیر رد میشه. ..

z-index رو بیشتر از یک کردی؟(برای یاد آوری میگم معمولا توی انجمن ها نمیاند بگند که میخوام سایتم و یا... فلان مدلی باشه بلکه میاند کدی که نوشتن و به مشکل خوردن رو میذارند و میگن که یه قالب طراحی کردم و میخوام فلان مدلی باشه ولی درست کار نمیکنه! کجای کدم مشکل داره) :لبخندساده:

[دانیال دزفولی]

http://jsfiddle.net/TylerH/gv9ugaw9/1/

منوی چسبان فقط با css
با استفاده از

position: sticky;
top: 0px;

در حال حاضر گوگل کروم از این قابلیت پشتیبانی نمیکنه

[mani2000]

سلام
ممنونم ازتون
من این دو خط که گفتید رو در کد css بخش هدر قرار دادم بازم از زیر رد ميشه

؟؟؟؟
ممنونم میشم کمک کنید مرسی ببخشید.

[دانیال دزفولی]

http://www.w3schools.com/cssref/pr_pos_z-index.asp

z-index: 999

[mani2000]

سلام
ببخشید به خدا این کل کد هدر هست اما باز از زیر ایتم ها و پنل ها منوم رد میشه
 #header {
background: #f6d2e0;
color: white;
font-family: Droid Sans;
font-size: 14px;
line-height: 1.6em;
font-weight: bold;
text-align: center;
padding: 0.5px;
text-shadow: 0 1px 1px rgba(0,0,0,.2);
width:100%;
box-sizing:border-box;
position:sticky;
top:opx;
z-index:999;
}