Epicaler
4 سال پیش توسط Epicaler مطرح شد
2 پاسخ

سوال در رابطه با position ها

با سلام خدمت همه برنامه نویسان عزیز

بنده سوالی که داشتم اینه که چجوری تو بعضی از سایت ها موقعی که نصف صفحه رو اسکرول میکنی میتونی یه تغییراتی توش انجام بدی البته
بنظرم با جاوا اسکریپت این کار رو انجام میدن اما کدش رو میخواستم بدونم چجوریه
یا به طور مثال : من میخوام یک منو برای سایتم به صورت فیکس شده تنظیم کنم از postion:fixed; که استفاده میکنم در واقع نمیخوام از اولی که
کاربر سایت رو باز میکنه منو براش فیکس بشه, میخوام مثلا بعد یه خورده اسکرول به پایین این عمل انجام بشه. این رو کسی میدونه چجوری باید انجام داد؟


ثبت پرسش جدید
نیما - ش
تخصص : برنامه نویس وب
@nimageneral 4 سال پیش مطرح شد
1

این تکه کد بوسیله ی جی کوئری رو ببین

$(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%;
}

علی قنواتی
تخصص : توسعه دهنده وب , لاراول
@aligh 4 سال پیش مطرح شد
2

سلام دوست عزیز به این حالت میگن چسبناک (sticky)
شما به لینک زیر نگاه کنید
تازه برا بوت استرپشم داخل همین سایت میتونید پیدا کنید
sticky navbar


نیما - ش
تخصص : برنامه نویس وب
@nimageneral 4 سال پیش مطرح شد
1

این تکه کد بوسیله ی جی کوئری رو ببین

$(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%;
}

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام