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

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

ვიდეო: რა არის Webkit წებოვანი?
ვიდეო: The Forgotten CSS Position 2024, აპრილი
Anonim

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

უფრო მეტიც, რას აკეთებს წებოვანი პოზიცია?

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

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

შემიძლია გამოვიყენო წებოვანი პოზიცია?

ბრაუზერების მხარდაჭერა წებოვანი პოზიცია მხარს უჭერს ყველა ძირითადი თანამედროვე ბრაუზერი, გარდა ძველი IE-ისა. Safari ბრაუზერებისთვის თქვენ ნება უნდა დაამატოთ -webkit პრეფიქსი.

რა განსხვავებაა წებოვან და ფიქსირებულ პოზიციას შორის?

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

გირჩევთ: