مشکل در ثابت نگه داشتن یک div در ارتفاع یک div دیگر (position:fixed)

این تاپیک 6 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  میوند بارکزی ،‏ 1 سال و 5 ماه پیش .

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

نویسنده پست
دوشنبه ، 22 ژوئن 2015     11:14 ق.ظ #


reza____ebliser

Subscriber
568 پست67 تاپیک

سلام خسته نباشید

من در داخل صفجه میخوام یک div در داخل یک div دیگه با حالت position:fixed باشه و فقط در داخل آن div ثابت بماند

 

 

 

همانطور که مشاهده می فرمایید من اومدم یک استایل به body دادم

یک دیو با استایل divi درست کردم با ارتفاع 1000 پیکسل

یک دیو دیگر با استایل divii درست کردم

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

ولی من میخوام فقط در div اول فیکس باشه

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

چیکار کنم

?????????

2  تشکر
دوشنبه ، 22 ژوئن 2015     9:42 ب.ظ #


میوند بارکزی

Subscriber
118 پست3 تاپیک

با position:fixed نمیتونی اینکار رو بکنی کد رو ب شکل زیر بنویس خط های رو تغییر دادم جلوش edit نوشتم

1  تشکر
دوشنبه ، 22 ژوئن 2015     11:05 ب.ظ #


reza____ebliser

Subscriber
568 پست67 تاپیک

ممنونم دوست عزیز

 

ولی این که بدتر شد

 

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

 

 

2  تشکر
دوشنبه ، 22 ژوئن 2015     11:07 ب.ظ #


reza____ebliser

Subscriber
568 پست67 تاپیک

اونی که من نوشتم رو شما نگاه کن

نارنجیه حرکت میکنه

اونشکلی میخوام

 

ولی میخوام وقتی به انتهای باکسه آبی رسید متوقف بشه

 

یه راه دیگه هم هست با جیکوئری که براش مقدار تعیین کنیم که مثلاً هر وقت به اندازه 2000 پیکسل اسکرول شد متوقف بشه ولی من نمیخوام اونجوری

چون سایز باکسه آبی رنگ تغییر میکنه معمولاً

2  تشکر
دوشنبه ، 22 ژوئن 2015     11:12 ب.ظ #


میوند بارکزی

Subscriber
118 پست3 تاپیک

فهمید میخوای چیکار کنی ولی اینکار با css و html نمیشه باید از جاوااسکریپت استفاده کرد که بنده جاوااسکریپت بلد نیستم دوستان دیگر که جاوااسکریپت بلدند میتونن بهت کمک کنند .

1  تشکر
دوشنبه ، 22 ژوئن 2015     11:19 ب.ظ #


reza____ebliser

Subscriber
568 پست67 تاپیک

شما مطمئین هستی که با سی اس اس امکان پذیر نیست ؟

2  تشکر
دوشنبه ، 22 ژوئن 2015     11:22 ب.ظ #


میوند بارکزی

Subscriber
118 پست3 تاپیک

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

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

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