سوال در رابطه با position ها
با سلام خدمت همه برنامه نویسان عزیز
بنده سوالی که داشتم اینه که چجوری تو بعضی از سایت ها موقعی که نصف صفحه رو اسکرول میکنی میتونی یه تغییراتی توش انجام بدی البته
بنظرم با جاوا اسکریپت این کار رو انجام میدن اما کدش رو میخواستم بدونم چجوریه
یا به طور مثال : من میخوام یک منو برای سایتم به صورت فیکس شده تنظیم کنم از postion:fixed; که استفاده میکنم در واقع نمیخوام از اولی که
کاربر سایت رو باز میکنه منو براش فیکس بشه, میخوام مثلا بعد یه خورده اسکرول به پایین این عمل انجام بشه. این رو کسی میدونه چجوری باید انجام داد؟
پاسخها
2
این تکه کد بوسیله ی جی کوئری رو ببین
$(window).bind('scroll', function () {
if ($(window).scrollTop() > 50) {
$('.menu').addClass('fixed');
} else {
$('.menu').removeClass('fixed');
}
});به این صورت که ابتدا منو fix نیست ولی بعد از اسکرول منو fix میشه و به بالای صفحه میچسبه ، اینم کلاس fixed در css
.fixed{
z-index: 9999;
position: fixed;
left: 0;
top: 0;
width: 100%;
}
سلام دوست عزیز به این حالت میگن چسبناک (sticky)
شما به لینک زیر نگاه کنید
تازه برا بوت استرپشم داخل همین سایت میتونید پیدا کنید
sticky navbar
گفتگوهای مرتبط
شاید پاسخ شما همینجا باشد