گذاشتن یک مطلب ثابت در سایت بدون اینکه با اسکرول تغییر مکان دهد

نقل قول:

---

نوشته شده توسط hiworld [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

این که کار نمی کنه !!
فقط همین راه رو داره ؟
من فکر می کنم یک راه دیگه هم باشه
بعضی از سایت ها یک سری تبلیق به صورت عکس پایین صفحه می زارن ( همین فروم های ایران) فکر کنم از این راه هم بشه

---

کار نمی‌کنه؟! طبق دانسته‌های من باید کار می‌کرد اگرچه هنوز تستش نکرده بودم.


با دستور expression می‌شه حلش کرد. روشش این‌جوریه:

کد:

---

#selector {
expression: ();
}

---

توی پرانتز دستور جاوااسکریپت قرار می‌گیره که می‌تونیم height پنجره رو منهای ارتفاع خود شی کنیم تا مقدار صحیح به‌دست بیاد. فقط IE از این خصوصیت پیشتیبانی می‌کنه.
من جاوااسکریپت بلد نیستم، این‌جا محمد وارده، ولی یه همچین چیزی می‌شه:

کد:

---

div#fixme {
  left: expression( document.body.scrollLeft + 'px' );
  top: expression( document.body.scrollTop + 'px' );
}
body > div#fixme { position: fixed; left: 0px; top: 0px; }

---

سلام.

درهر صورت باز هم جاوااسکريپت استفاده مي کنه، اين يکي درست کار کرد. ie6 , ie8 تست شده.
[HTML]
<style type="text/css">
p {
font-family:verdana;
font-size: 12px;
}

#fixedd {
position: absolute;
top: 0px;
left: 0px;
}

div#fixedd {
top: expression(( 0 + (fixpos = document.body.scrollTop)) + "px");
}

</style>


<div id="fixedd">
<p>Fixed position...</p>
</div>

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

[/HTML]

مرسی!
فک کنم به کاره من بیاد
اون فلشه بقله سایتم تو ff و .... اسکرول میشه ولی تو ie گیج و گوج ثابت میمونه!

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

یعنی این:

کد:

---

div#fixedd {
    top: expression(( 0 + (fixpos = document.body.scrollTop)) + "px");

---

اینه کده من:

کد:

---

<div style="padding: 0px; margin: 0px 0px 0px 7px; float: left; position: fixed; z-index: 99; bottom: 0px; left: 0px; visibility: visible; display: block; overflow: hidden; cursor: default;">
    <object id="design_by_darioushjh" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" height="74" width="84">
        <param name="movie" value="<?php bloginfo('template_directory'); ?>/images/design_by_darioushjh.swf" />
        <param name="bgcolor" value="" />
        <param name="quality" value="High" />
        <param name="menu" value="0" />
        <param name="scale" value="ShowAll" />
        <param name="wmode" value="Transparent" />
        <param name="allowscriptaccess" value="always" />
        <param name="_cx" value="2223" />
        <param name="_cy" value="1958" />
        <param name="FlashVars" value="0" />
        <param name="Src" value="<?php bloginfo('template_directory'); ?>/images/design_by_darioushjh.swf" />
        <param name="Play" value="0" />
        <param name="Loop" value="-1" />
        <param name="SAlign" value="" />
        <param name="Base" value="" />
        <param name="DeviceFont" value="0" />
        <param name="EmbedMovie" value="0" />
        <param name="SWRemote" value="" />
        <embed allowscriptaccess="samedomain" bgcolor="#E4E8C5" height="74" menu="false" name="design_by_darioushjh" pluginspage="http://www.adobe.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" quality="high" scale="exactfit" src="<?php bloginfo('template_directory'); ?>/images/design_by_darioushjh.swf" type="application/x-shockwave-flash" width="84" wmode="transparent">
        </embed>
    </object>
</div>

---

اونو بزارم تو css صفحه به این هم یه ID بدم؟ حس و حالش نیست!

متاسفانه به صورت inline جواب نمی ده داریوش جان!

اما با استفاده از css ---- اینجوری هم جواب می ده:

کد:

---

div#fixedd {
        position: absolute;
        top: 0px;
        left: 0px;
        _top: expression(( 0 + (fixpos = document.body.scrollTop)) + "px");
}

---

راستی چرا به صورت inline استفاده می کنی؟ بین برنامه نویسا استاندارد نیست هااا... یه id دادن یا class دادن خیلی کار می بره؟

مرسی برار!
نه بابا تا لازم نباشه که inline کار نمیکنم!
ولی این جور چیزا رو معمولا inline »یزارم که راحت تر تو هر قالبی بتونم جورش کنم!
مثلا اون قرآن و اون shoutbox و این چیزا همشون inline هستن!
از شما چه پنهون! حس و حاله آپیدته فایله css هم بعضی موارد نیست!×!

سلام من همه رو تو ie امتحان کردم جواب ندادن ولی این یکی جواب می ه

نقل قول:

---

<!doctype html public "-//w3c//dtd html 4.01 transitional//en"
"http://www.w3.org/tr/html4/loose.dtd">
<html>
<head>
<title>untitled document</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<style type="text/css">


body { height:100%; overflow-y:auto;}

#fixpic {display:block; width:108px height:145px; position:fixed; bottom:0; left:0;}
* html #fixpic {position:absolute;}
</style>
<!--[if lte ie 6]>
<style type="text/css">
/*<![cdata[*/
html {overflow-x:auto; overflow-y:hidden;}
/*]]>*/
</style>
<![endif]-->


</head>

<body>
<p><img src="438nibbleimage124.jpg" width="200" height="200" id="fixpic">
11111111111111
</p>
<p>2222222222222222</p>
<p>333333333333333</p>
<p>4444444444444444</p>
<p>5555555555555555</p>
<p>6666666666666666</p>
<p>7777777777777777777</p>
<p>8888888888888888</p>
<p>999999999999999999</p>
<p>0000000000000000000</p>
<p>1111111111111111111111</p>
<p>22222222222222</p>
<p>333333333333333</p>
<p>444444444444444</p>
<p>555555555555</p>
<p>66666666666666666</p>
<p>77777777777777777</p>
<p>88888888888888888888</p>
<p>999999999999999999999999999</p>
<p>0000000000000</p>
<p>1111111111111111111111111111111111111</p>
<p>22222222222222222222222222222222</p>
<p>33333333333333333333333333333333</p>
<p>444444444444444444444444444444</p>
<p>55555555555555555555555555555555555</p>
<p>66666666666666666666666666666</p>
<p>777777777777777777777777777777</p>
<p>888888888888888888888888888888888</p>
<p>99999999999999999999999999999999999999</p>
<p>00000000000000000000000000000000000000000000000 0000000</p>
<p>&nbsp;</p>
</body>
</html>

---