جی کوئری : آموزش ساخت باکس هاش شناور

[vahab00]

این باکس ها بسیار سبک و کم حجم می باشند و با همه مرورگرها سازگار هستند

این پلاگین جی کوئری برای سنجاق کردن عناصر به صفحه می باشند به طوری که وقتی کاربر اسکرول را به پایین صفحه هدایت می کند این عناصر به صفحه چسبیده و به کاربر نمایش داده می شوند

امروزه سایت های زیبادی از این قابلیت استفاده می کنند و اگر شما نیز دوست دارید چنین مواردی را در سایت خود داشته باشید با ما در لرن بلاگ همراه باشید

این پلاگین را fixed position elements یا sticky elements به معنی عناصر با موقعیت ثابت یا عناصر چسبنده می نامند

شما می توانید از این سمپل در پروژه های خود برای ایجاد ستون های چسبنده ، ناوبار چسبنده،چسبنده هدر یا فوتر و یا هرچیزی که احساس میکنید باید بچسبد استفاده کنید

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

ما عناصر را با استفاده از این پلاگین و به کمک clss مشخص می کنیم همچنین رویدادهای سفارشی خارج شدن از وقتی رو با unpinned کردن مشخص میکنیم

توجه دشتیه باشید که این افزونه position را برابر absolute یا fixed قرار می دهد پس قبل از استفاده دقت کنید که بخش هایی که میخواهید در این افزونه قرار دهید با این خاصیت مشکلی نداشته باشند

این افزونه در تمامی مرورگها از جمله فایرفاکس،اپرا،سافاری،کروم ، اینترنت اکسپلورر ۷ به بالا کار خواهد کرد

خب توضیحات کافیه میتونید دمو رو مشاهده کنید و یا سمپل رو دانلود کرده و از آن استفاده کنید

فکر نمیکنم نیاز به توضیحات بیشتری باشه

سوالی بود در خدمتتون هستم

مشاهده دمو و دانلود سورس در آدرس زیر :

باکس هاش شناور - لرن بلاگ