با سلام خدمت همه برنامه نویسان عزیز
بنده سوالی که داشتم اینه که چجوری تو بعضی از سایت ها موقعی که نصف صفحه رو اسکرول میکنی میتونی یه تغییراتی توش انجام بدی البته
بنظرم با جاوا اسکریپت این کار رو انجام میدن اما کدش رو میخواستم بدونم چجوریه
یا به طور مثال : من میخوام یک منو برای سایتم به صورت فیکس شده تنظیم کنم از postion:fixed; که استفاده میکنم در واقع نمیخوام از اولی که
کاربر سایت رو باز میکنه منو براش فیکس بشه, میخوام مثلا بعد یه خورده اسکرول به پایین این عمل انجام بشه. این رو کسی میدونه چجوری باید انجام داد؟
این تکه کد بوسیله ی جی کوئری رو ببین
$(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
این تکه کد بوسیله ی جی کوئری رو ببین
$(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%;
}
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟