آموزش پلاگین footer-reveal برای ساخت فوتر ثابت با افکت زیبا

jQuery   
2 سپتامبر 2017   

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

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

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

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

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

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

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

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

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

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

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