div کوچک در بالای صفحه

MAXXX · 1 می 2010

سلام
حتما دیدین وقتی تو یه وبسایت که با ایجکس کار میکنه وقتی روی دکمه کلیک میکنید بالای صفحه یه div کوچیک ظاهر میشه که توش یه عکسه درحال چرخیدن به نشونه انتظاره
حالا سواله من اینه که چطوری یه div میشه ساخت که همیشه در بالای صفحه ظاهر بشه ؟ مشکلی با ظاهر کردنش ندارم فقط میخام بدونم چطوری میشه کاری کرد که هرچقدر هم صفحه رو اسکرول کنیم پایین وقتی ظاهر میشه در بالا نشون داده بشه نه اینکه مجبور بشیم اسکرول کنیم به بالا تا ببینیمش

Bahram.ws · 2 می 2010

خیلی راحت با CSS:

کد:

<style>
#myDiv{
position: fixed;
top: 0;
}
</style>

<div id="myDiv"></div>

MAXXX · 2 می 2010

ممنون دوست عزیز اینطوری div بالای صفحه ثابت میشه و وقتی صفحه رو اسکرول میکنم به پایین دیده نمیشه
من میخام که هرچقدر هم صفحه رو بیارم پایین باز هم بتونم در بالای صفحه div رو ببینم

mohsenshahbazi · 2 می 2010

نه . position که داده شده با عنوان fixed باعث میشه المنت مورد نظر همیشه در موقعیت ذکر شده ثابت بمونه و موقع اسکرول صفحه هم نمایش داده بشه .

Bahram.ws · 2 می 2010

به نقل از MAXXX :
ممنون دوست عزیز اینطوری div بالای صفحه ثابت میشه و وقتی صفحه رو اسکرول میکنم به پایین دیده نمیشه
من میخام که هرچقدر هم صفحه رو بیارم پایین باز هم بتونم در بالای صفحه div رو ببینم

شما امتحان کردی که اینو میگی؟
این کدی که گفتم کار میکنه احتمالا جایی رو اشتباه کردی
اینو امتحان کن خودت میبینی که کار میکنه:

کد:

<html>
<head>
    <style>
        #myDiv{
            position: fixed;
            top: 0;
            background: #ffcc00;
            width: 100px;
            height: 50px;
        }
        #wrapper{
            height: 5000px;
        }
    </style>
</head>
<body>
<div id="myDiv"></div>
<div id="wrapper"></div>
<body>
</html>

MAXXX · 2 می 2010

بله کار میکنه ببخشید مشکل از اون صفحه من بود
ممنون

ali963 · 21 آگوست 2010

مرسي..............

برگزیده های پرشین تولز

div کوچک در بالای صفحه

MAXXX

Registered User

Bahram.ws

Registered User

MAXXX

Registered User

mohsenshahbazi

همکار بازنشسته

Bahram.ws

Registered User

MAXXX

Registered User

ali963

کاربر تازه وارد

تبلیغات متنی