مشکل با ارتفاع لودینگ

parsiteam · Apr 22, 2009

سلام . من یک لودینگ برای صفحات وب نوشتم که وقتی یکسری عملیات به صورت ای جکس میخواد انجام بشه اون میاد . یک div هستش که میاد روی کل صفحه رو میپشونه . من ارتفاع و عرض این div رو 100% گذاشتم ولی وقتی صفحه اسکرول میخوره نمیدونم چرا صفحه اگر اسکرول در بالاترین حالت خودش باشه اون div کامل صفحه رو میپوشونه . یعنی اگر اسکرول بیاد پایین تر قسمت هایی که پایین هستن رو div پوشش نمیده .

ممنون میشم راهنماییم کنید که چطوری این div کل محتوا رو بپوشونه .ممنون

maxpelank · Apr 23, 2009

با سلام

خسته نباشید

برای این کار به دایو مربوطه این کلاس رو بدید :
position : fixed;
z-index:1000;
اون وقت همون بالا میمونه .

موفق باشدی
محمد

parsiteam · Apr 23, 2009

maxpelank گفت:
با سلام

خسته نباشید

برای این کار به دایو مربوطه این کلاس رو بدید :
position : fixed;
z-index:1000;
اون وقت همون بالا میمونه .

موفق باشدی
محمد

ممنون محمد جان . ولی مشکل من این نبود که بالا وا میسه یا نه . مشکلم اینه که ارتفاع div من وقتی می سازمش 100% که میزارم فقط 100% از ارتفاع مرورگر رو پر میکنه نه 100% از محتوای صفحه رو . یک عکس میزارم خودتون متوجه می شید :

maxpelank · Apr 23, 2009

با سلام خدمت شما

خوب این کاری که من گفتم برای این بود که شما دایو رو بالای تما صفحه نگهداری یک نمونه میسازم میزارم اینجا نگاه کن . :

در فایل پیوست شده در خط 40 یک کد جاوا وجود دراد که زمانی که بادی لود میشه اون تابع فرا خوانی میشه به تگ بادی توجه کن :

HTML:

<body onload="getheight()">

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

کد:

<script language="javascript">
function getheight(){
    if (window.innerHeight && window.scrollMaxY) {// Firefox
        yWithScroll = window.innerHeight + window.scrollMaxY;
    } else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
        yWithScroll = document.body.scrollHeight;
    } else { // works in Explorer 6 Strict, Mozilla (not FF) and Safari
        yWithScroll = document.body.offsetHeight;
      }
    document.getElementById("mydivbox").style.height=yWithScroll+'px';
}
</script>

مقدارmydivbox همان ایدی دایوی است که می خواهد تمام صفحه شود و روی تمام صفحهع رو بپوشاند . :

کد:

document.getElementById("mydivbox").style.height=yWithScroll+'px';

خوب در خط 57 هم دایو مربوطه وجود دارد به استیل اون هم توجه کن :

HTML:

<div id="mydivbox" style="width:100%; position:absolute; filter:Alpha(opacity=85); display:inline-block; z-index:1000; background:#000; opacity:0.85; ">
plustemplate.com

</div>

امید وارم با این کار مشکلت حل بشه دوست عزیز

موفق باشید
محمد

parsiteam · Apr 23, 2009

ممنون محمد جان . هر بار که من میخوام این لودینگ بیاد باید ارتفاع را با همین تابع به اون div بدم . مشکل همین بود . در هر صورت ممنون از وقتی که گذاشتی .