|
Elementlarning chetlariga mahkamlang
|
| bet | 9/15 | | Sana | 13.06.2024 | | Hajmi | 1,37 Mb. | | #263484 |
Bog'liq Web dasturlash Elementlarning chetlariga mahkamlang
Yordamida snap imkoniyatlari ko'chirilayotgan elementning yonidan o'tadigan elementlarning chetlariga "jalb etilishiga" erishish mumkin. Ushbu parametr o'z qiymati sifatida selektorni oladi. Suzuvchi element belgilangan selektorga mos keladigan har qanday elementning chetiga yopishadi. Snap opsiyasidan foydalanish misoli quyida ko'rsatilgan:
Ishga tushirish misoli
Savat
Bu yerda bog'lang
meni torting
Harakatlanuvchi element mos keladigan elementlardan biriga yaqinlashganda, u qo'shni qirralari tegib turadigan tarzda unga "tortiladi". Bunday bog'lash uchun siz faqat qabul qiluvchi elementni emas, balki har qanday elementni tanlashingiz mumkin. Ushbu misolda men div elementini qo'shdim va snap opsiyasini hujjatdagi ushbu elementni, shuningdek qabul qiluvchi elementni tanlaydigan qiymatga o'rnatdim.
Elementlarning langarga nisbatan qanday harakat qilishini sozlash imkonini beruvchi bir nechta kichik parametrlar mavjud. Ulardan biri snapMode opsiyasi. U bog'lanish turini belgilash uchun ishlatilishi mumkin. Quyidagi qiymatlarga ruxsat beriladi: ichki(elementlarning ichki qirralariga mahkamlang), tashqi(elementlarning tashqi chetlariga yopishtirish) va ikkalasi ham(barcha qirralarga mahkamlang; standart).
snapTolerance opsiyasi suzuvchi element siqilish sodir bo'lishidan oldin maqsad elementning chetiga qanchalik yaqinlashishi kerakligini belgilash imkonini beradi. Standart qiymat 20, ya'ni 20 piksel. Misol 50 qiymatidan foydalanadi, bu kattaroq masofadagi langarga mos keladi. Ushbu parametr uchun to'g'ri qiymatni tanlash juda muhimdir. Agar snapTolerance opsiyasining qiymati juda past bo‘lsa, foydalanuvchi snapping effektini sezmasligi mumkin, agar u juda baland bo‘lsa, ko‘chirilayotgan element kutilmaganda sakrab, uzoqdagi elementlarga o‘ra boshlaydi.
Drag va drop texnikasi ko'p yillar davomida rivojlandi. Ochiq plaginlarni ishlab chiquvchi dasturchilar sonining ko'payishi bilan ajablanarli emas manba kodi(masalan, jQuery uchun) eski usullar qayta tiklanadi. JavaScript kutubxonasi yuqori darajada moslashuvchan va veb-texnologiyalar asrida ko'plab yaxshilanishlarni taklif etadi.
Ushbu qo'llanmada biz veb-saytimizda sudrab olib tashlash dinamik to'rtburchaklar yaratish uchun foydalanishimiz mumkin bo'lgan skript yaratamiz. Jarayon jQuery tomonidan boshqariladi. Bunday skriptlar tayyor funksionallikni ta'minlash orqali vaqtni tejaydi! Va sudrab olib tashlash kutubxonasidan boshqa loyihalarda foydalanish mumkin.
|
| |
