რას აკეთებს წებოვანი პოზიცია?
რას აკეთებს წებოვანი პოზიცია?

ვიდეო: რას აკეთებს წებოვანი პოზიცია?

ვიდეო: რას აკეთებს წებოვანი პოზიცია?
ვიდეო: "აუ, ვერაფერი ვერ გავიგე რაა..." _ რას ეფუძნება თეოფილე მალაქიას კრიტიკული აზროვნება. 2024, აპრილი
Anonim

ელემენტი ერთად პოზიცია : წებოვანი ; განლაგებულია მომხმარებლის გადახვევის საფუძველზე პოზიცია . ა წებოვანი ელემენტი გადადის ნათესავსა და ფიქსირებულს შორის, გადახვევის მიხედვით პოზიცია . იგი განლაგებულია შედარებით მოცემულ ოფსეტამდე პოზიცია ხვდება ხედვის პორტში - შემდეგ ის "იჭედება" თავის ადგილზე (როგორც პოზიცია : გასწორდა).

ანალოგიურად, როგორ გავამტკიცო ჩემი პოზიცია?

ეფექტის სანახავად წებოვანი პოზიციონირება , აირჩიეთ პოზიცია : წებოვანი ვარიანტი და გადაახვიეთ ეს კონტეინერი. ელემენტი გადავა თავის კონტეინერთან ერთად, სანამ არ იქნება კონტეინერის ზედა ნაწილში (ან არ მიაღწევს ზემოთ მითითებულ ოფსეტს) და შემდეგ შეწყვეტს გადახვევას, ასე რომ ის რჩება ხილული.

ასევე იცოდეთ, რა განსხვავებაა წებოვან და ფიქსირებულ პოზიციას შორის? კონკრეტული დეტალების გარეშე, პოზიცია : წებოვანი ძირითადად მოქმედებს როგორც პოზიცია : შედარებითი მანამ, სანამ ელემენტი არ გადაინაცვლებს კონკრეტულ ოფსეტს, ამ შემთხვევაში ის გადაიქცევა პოზიცია : დაფიქსირდა , რის შედეგადაც ელემენტი "მიწებება" მას პოზიცია იმის მაგივრად, რომ ხედიდან გადაიხედოს.

ამასთან დაკავშირებით, შემიძლია გამოვიყენო CSS პოზიცია წებოვანი?

CSS

პოზიცია : წებოვანი

მხარდაჭერილია Firefox, Safari და Chrome Canary (56+). CSS პოზიცია : წებოვანი მხარდაჭერილია Firefox, Safari და Chrome Canary (56+).

რა არის Webkit წებოვანი?

პოზიცია : წებოვანი არის ახალი გზა პოზიცია ელემენტები და კონცეპტუალურად მსგავსია პოზიცია : დაფიქსირდა. განსხვავება ისაა, რომ ელემენტი პოზიცია : წებოვანი ისე იქცევა პოზიცია : ნათესავი მის მშობელში, სანამ მოცემული ოფსეტური ზღურბლი არ დაკმაყოფილდება ხედვის პორტში.

გირჩევთ: