Slayder
muhimlik: 5
Slayder yarating
Moviy bosh barmog’ingizni sichqoncha bilan torting va harakatlantiring.
Muhim tafsilotlar:
- Sichqoncha tugmasi bosilganda, sichqonchani sudrab borishda slayderning ustiga yoki pastga tushishi mumkin. Slayder hali ham ishlaydi (foydalanuvchi uchun qulay).
- Sichqoncha chapga yoki o’ngga juda tez harakat qilsa, bosh barmog’i aynan chetida to’xtab turishi kerak.
HTML/CSS-dan ko’rib turganimizdek, slayder rangli fonga ega <div> bo’lib, unda yuguruvchi – position:relative bilan boshqa <div> mavjud.
Yuguruvchini joylashtirish uchun biz position:relative dan foydalanamiz, uning ota-onasiga nisbatan koordinatalarini taqdim etamiz, bu erda position:absolute dan ko’ra qulayroqdir.
Keyin biz kenglik chegarasi bilan faqat gorizontal Drag’n’Drop-ni qo’llaymiz.