آژانس هواپیماییexchanging

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

شروع موضوع توسط MAXXX ‏1 می 2010 در انجمن JavaScript , VBScript

  1. MAXXX

    MAXXX Registered User

    تاریخ عضویت:
    ‏23 آگوست 2006
    نوشته ها:
    211
    تشکر شده:
    33
    سلام
    حتما دیدین وقتی تو یه وبسایت که با ایجکس کار میکنه وقتی روی دکمه کلیک میکنید بالای صفحه یه div کوچیک ظاهر میشه که توش یه عکسه درحال چرخیدن به نشونه انتظاره
    حالا سواله من اینه که چطوری یه div میشه ساخت که همیشه در بالای صفحه ظاهر بشه ؟ مشکلی با ظاهر کردنش ندارم فقط میخام بدونم چطوری میشه کاری کرد که هرچقدر هم صفحه رو اسکرول کنیم پایین وقتی ظاهر میشه در بالا نشون داده بشه نه اینکه مجبور بشیم اسکرول کنیم به بالا تا ببینیمش
     
  2. Bahram.ws

    Bahram.ws Registered User

    تاریخ عضویت:
    ‏8 آگوست 2005
    نوشته ها:
    1,133
    تشکر شده:
    71
    محل سکونت:
    On The Fly
    خیلی راحت با CSS:


    کد:
    <style>
    #myDiv{
    position: fixed;
    top: 0;
    }
    </style>
    
    <div id="myDiv"></div>
    
     
  3. MAXXX

    MAXXX Registered User

    تاریخ عضویت:
    ‏23 آگوست 2006
    نوشته ها:
    211
    تشکر شده:
    33
    ممنون دوست عزیز اینطوری div بالای صفحه ثابت میشه و وقتی صفحه رو اسکرول میکنم به پایین دیده نمیشه
    من میخام که هرچقدر هم صفحه رو بیارم پایین باز هم بتونم در بالای صفحه div رو ببینم
     
  4. mohsenshahbazi

    mohsenshahbazi همکار بازنشسته کاربر فعال

    تاریخ عضویت:
    ‏21 ژوئن 2004
    نوشته ها:
    4,018
    تشکر شده:
    3,858
    محل سکونت:
    اصفهان
    نه . position که داده شده با عنوان fixed باعث میشه المنت مورد نظر همیشه در موقعیت ذکر شده ثابت بمونه و موقع اسکرول صفحه هم نمایش داده بشه .
     
  5. Bahram.ws

    Bahram.ws Registered User

    تاریخ عضویت:
    ‏8 آگوست 2005
    نوشته ها:
    1,133
    تشکر شده:
    71
    محل سکونت:
    On The Fly
    شما امتحان کردی که اینو میگی؟
    این کدی که گفتم کار میکنه احتمالا جایی رو اشتباه کردی
    اینو امتحان کن خودت میبینی که کار میکنه:

    کد:
    <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>
     
  6. MAXXX

    MAXXX Registered User

    تاریخ عضویت:
    ‏23 آگوست 2006
    نوشته ها:
    211
    تشکر شده:
    33
    بله کار میکنه ببخشید مشکل از اون صفحه من بود
    ممنون
     
  7. appbannerkhuniresbanner
  8. ali963

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

    تاریخ عضویت:
    ‏8 آگوست 2010
    نوشته ها:
    15
    تشکر شده:
    0
    مرسي..............