|
Elementni ko'chirish uchun ruxsat etilgan maydonni cheklash
|
| bet | 3/15 | | Sana | 13.06.2024 | | Hajmi | 1,37 Mb. | | #263484 |
Bog'liq Web dasturlash
Shuningdek, siz elementni sudrab o'tishingiz mumkin bo'lgan ekran maydonini cheklashingiz mumkin. Buning uchun saqlash opsiyasi qo'llaniladi. Ushbu parametrda ko'rsatilishi mumkin bo'lgan qiymat formatlari quyidagi jadvalda tasvirlangan:
Himoya qilish opsiyasidan foydalanish misoli quyida ko'rsatilgan:
...
Ishga tushirish misoli
Ushbu misolda ikkala element ham harakatlanishga cheklangan, shuning uchun ularni faqat oʻzgarmas oʻlchamli div elementi boʻlgan asosiy element ichida sudrab borish mumkin. Suzuvchi divlardan biri eksa opsiyasi bilan qo'shimcha cheklovga ega bo'lib, u faqat ota-onasi ichida gorizontal ravishda harakatlanishi mumkin. Natija rasmda ko'rsatilgan:
To'r opsiyasi ko'chirilgan elementni katakchalar bilan bog'lashni o'rnatishga imkon beradi. Ushbu parametr ikkita elementdan iborat massivni qabul qiladi, ular piksellardagi katakchalarning kengligi va balandligini belgilaydi. To'r variantidan foydalanishga misol quyida ko'rsatilgan:
...
meni torting
Ishga tushirish misoli
Ushbu misolda panjara kengligi 100 piksel va balandligi 50 pikselga o'rnatiladi. Elementni sudrab olib borganingizda, u bir (ko‘rinmas) katakdan ikkinchisiga “sakrab o‘tadi”. Snapping effekti o'zaro ta'sir qilish funksiyasi uchun ajoyib qo'llaniladi, ammo uni ekran tasvirlari bilan etkazish qiyin.
Erkin harakat oʻqini 1 ga oʻrnatish orqali siz faqat bitta yoʻnalish uchun siqish effektini yaratishingiz mumkin. Masalan, agar siz panjara opsiyasini ga oʻrnatsangiz, gorizontal harakatlanayotganda element 100px kenglikdagi katakchalarga yopishadi, lekin vertikal ravishda erkin harakatlanadi. .
Suzuvchi elementni sudrab borishni kechiktirish imkonini beruvchi ikkita variant mavjud. Kechiktirish opsiyasi bilan siz elementni ko'chirishdan oldin foydalanuvchi sichqoncha ko'rsatgichini sudrab borishi kerak bo'lgan vaqtni millisekundlarda belgilashingiz mumkin. Kechikishning yana bir turi masofani piksellarda ko'rsatadigan masofa parametri bilan ta'minlanadi, bunda foydalanuvchi sichqoncha ko'rsatkichini element ortidan ergashguncha sudrab borishi kerak.
Ikkala parametrdan foydalanishga misol quyida ko'rsatilgan:
...
|
| |
