برای ایجاد یک فوتر چسبان مخفی با افکت زیبا از پلاگین Footer Reveal استفاده می‌کنیم. برای نصب ساده و سریع این افزونه با ما همراه باشید.

footer Reveal  یک پلاگین جی کوئری برای ساختن یک پاورقی چسبیده مخفی در صفحه ی شما است و در زمانی که شما با اسکرول کردن به پایین صفحه حرکت می کنید ظاهر می شود.

لینک دانلود افزونه در ابتدای این مطلب قرار داده شده است.

بعد از دانلود پلاگین فایل فشرده را اکسترکت کرده و فایل footer-reveal.js رابه صفحه اضافه کنید.

دقت کنید که ابتدا فایل jquery را هم به صفحه اضافه کنید:

فایل های جاوااسکریپت را در انتهای صفحه اضافه می‌کنیم تا سرعت لود صفحه افت نکند.

عنصر فوتر را با کلاس footer نامگذاری میکنیم:

برای استفاده از این پلاگین عنصر فوتر را انتخاب کرده و از تابع footerReveal استفاده کنید:

خروجی بصورت زیر خواهد بود:

پلاگین jquery برای ساخت فوتر ثابت

در انتها کدهای ما به صورت زیر خواهند بود: