سفارش تبلیغ
صبا
هر دوستی ای که طمعْ پدیدش آرد، نومیدی ازمیانش می بَرَد . [امام علی علیه السلام]
 
چهارشنبه 92 آذر 6 , ساعت 1:14 عصر

با توجه به درخواست های مکرر اسکریپت اسکرول به بالای انیمیشنی را برای شما گذاشتم. پیاده سازی این افکت از طریق jquery بسیار آسان می باشد. این اسکریپت چک می نماید زمانی که اسکرول پایین آمد لینک اسکرول به بالا نمایش داده می شود, زمانی که بر روی کلید اسکرول به بالا کلیک شود صفحه سایت به بالای صفحه اسکرول می شود. می توانید دمو را بررسی نمایید تا ببینید به چه صورت کار می کند.

دمو اسکرول به بالا

دانلود دموی زیپ

طراحی css

المان #back-top با position:fixed تعریف نموده تا در صفحه به صورت ثابت باقی بماند. تگ span اضافی است. تگ span را به این دلیل اضافه نموده ام که بتوانم به آن گرافیک تصویری اضافه نمایم. همچنین خصوصیت transition:1s (1s = 1 second) برای ایجاد افکت موس اور فید اضافه نمودم.

به این بخش نگاهی بیندازید دمو (یادداشت: هنوز بخش jquery اضافه نگردیده).

منبع:

http://sitedesign.joomir.com/jquery-و-mootools-در-طراحی-سایت/item/708-اسکرول-به-بالا-jquery.html



لیست کل یادداشت های این وبلاگ