Div ثابت در اسکرول

delphidark

delphidark

New Member
سلام
کسی از دوستان میدونه چجوری میشه یک div رو در یک پنچره ثابت کرد بدون اینکه با اسکرول کردن صفحه لرزش داشته باشه ؟
استفاده از تایمر و گرفتن موقعیت فعلی و... باعث میشه div بلرزه
احتمالا باید کلاسی در jquery برای این کار وجود داشته باشه...
منتظر راهنمایی دوستان هستم...
 
sunrise

sunrise

Member
من قبلا براي انجام اين کار يک CSS Hack استفاده کردم به اين صورت:

کد: 
if browser is IE and version greater than 6 then
begin
	.div_obj {
		position: fixed;
		left: 0;
		top: 0;
	}
end
	else
begin
	.div_obj {
		position: absolute;
		left: 0;
		top: expression(
			(document.documentElement.scrollTop || document.body.scrollTop) + (this.offsetHeight - this.offsetHeight)
		);		
	}
end;
دقت کنيد که اين کدي که الان اينجا گذاشتم يک شبه کد هست و در عمل اينگونه استفاده نميشه اما روال کلي کار به اين شکل هست.

رفتار اين CSS هم به اين شکل هست که يک div در قسمت بالا سمت چپ بصورت ثابت قرار مي گيره.

اميدوارم کمکتون کنه ...
 
delphidark

delphidark

New Member
دوست عزیزشما یک if تو قسمت css نوشتی که از اون صرف نظر میکنیم
و کد رو به 2 تا کد تجزیه میکنیم
مثلا
کد: 
[LEFT]<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>[/LEFT]
 
[LEFT]<style type="text/css">
<!--
.div_objc {
position: absolute;
left: 0;
top: expression(
 (document.documentElement.scrollTop || document.body.scrollTop) + (this.offsetHeight - this.offsetHeight)
);[/LEFT]
 
[LEFT]}
--!>[/LEFT]
 
[LEFT]</style>
</head>
<body>
<div style="position: absolute; width: 100px; height: 100px; z-index: 1; left: 368px; top: 187px; background-color: #FF9900; visibility:visible" id="div_obj" class="div_objc" >[/LEFT]
 
[LEFT]</body>[/LEFT]

Layer در بالای پنجره ثابت میماند اما با اسکرول کردن صفحه میلرزد
و مشکل هنوز باقیست .............
 
آخرین ویرایش:
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها

بالا