تغییر حالتposition یک div با توجه به مکان scrool

[firststep]

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

[H:Shojaei]

سلام
واقعا يه بارخودتون متنتون رو بخونيد ببينيد ميشه چيزي ازش فهميد. (واسه چيزي كه خودتون مينويسيد يا انجام ميديد ارزش قائل بشيد و واسش وقت بذاريد لا اقل يه بار خودتون بخونيد اشتباهاش رو بگيريد ببخشيد جسارت كردم)
اگه منظورتون اينه كه شي مثلا ديو همراه با scrool حركت كنه بايد position:fixed; رو واسش ست كنيد.

[firststep]

نه عزیز
میشه یه نگاهی به این لینک (http://themeforest.net/item/appic-business-technology-bootstrap-template/full_screen_preview/5318285) بفرمایید

DIV.main-nav-wrap

[dreadful]

سلام شما باید مقدار اسکرول رو بگیری و اگه از اندازه ی هدرت بیشتر شد ،با هر اسکرول فاصله ( margin یا top ) بالای اون لیستتو بیشتر کنی ،و اگه هم کمتر شد فاصله رو برگردونی به حالت قبل !

توی این کد من فرض کردم اندازه هدرت 100 پیکسله و کلاس اون لیستت my_div هست ...


$(document).ready(function(e) {
$(window).scroll(function(e) {
x= $(window).scrollTop()

if(x>=100)
{
$('.my_div').css('margin-top', x);
}
else
{
$('.my_div').css('margin-top', '100px');
}
});
});



یکمم با حوصله و با توضیح بیشتر بنویسی آسمون به زمین نمی آد :)
( jQuery needed )

[firststep]

سلام دوست خوب با مراممان
خیلی اقایی


یکمم با حوصله و با توضیح بیشتر بنویسی آسمون به زمین نمی آد :)




واقعا يه بارخودتون متنتون رو بخونيد ببينيد ميشه چيزي ازش فهميد. (واسه چيزي كه خودتون مينويسيد يا انجام ميديد ارزش قائل بشيد و واسش وقت بذاريد لا اقل يه بار خودتون بخونيد اشتباهاش رو بگيريد ببخشيد جسارت كردم)




2 کاربر از H:Shojaei به خاطر این مطلب مفید تشکر کرده اند:


css-man (http://barnamenevis.org/member.php?u=187596), tamafi6 (http://barnamenevis.org/member.php?u=262990)







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

ایا برای کار css تعریف نشده؟

[dreadful]

:)

شما بجای اون از این استفاده کن ( بجای margin_top از top )



$(document).ready(function(e) {
$(window).scroll(function(e) {
x= $(window).scrollTop()

if(x>=100)
{
$('.my_div').css('top', x);
}
else
{
$('.my_div').css('top', '100px');
}
});
});


اونوقت به اون my_div ات



.my_div
{
position: absolute;
}



اینو بده که topه کار کنه !
یکاریش بکن دیگه ...
;)