ទីតាំង

ប្រើឧបករណ៍ប្រើប្រាស់ខ្លីៗទាំងនេះសម្រាប់ការកំណត់ទីតាំងនៃធាតុមួយយ៉ាងរហ័ស។

តម្លៃរួម

ថ្នាក់កំណត់ទីតាំងរហ័សអាចរកបាន ទោះបីជាវាមិនឆ្លើយតបក៏ដោយ។

<div class="position-static">...</div>
<div class="position-relative">...</div>
<div class="position-absolute">...</div>
<div class="position-fixed">...</div>
<div class="position-sticky">...</div>

កំពូលថេរ

ដាក់ធាតុមួយនៅផ្នែកខាងលើនៃច្រកមើល ពីគែមមួយទៅគែម។ ត្រូវប្រាកដថាអ្នកយល់ពីផលវិបាកនៃទីតាំងថេរនៅក្នុងគម្រោងរបស់អ្នក។ អ្នកប្រហែលជាត្រូវបន្ថែម CSS បន្ថែម។

<div class="fixed-top">...</div>

បាតថេរ

ដាក់ធាតុមួយនៅខាងក្រោមនៃច្រកមើល ពីគែមមួយទៅគែម។ ត្រូវប្រាកដថាអ្នកយល់ពីផលវិបាកនៃទីតាំងថេរនៅក្នុងគម្រោងរបស់អ្នក។ អ្នកប្រហែលជាត្រូវបន្ថែម CSS បន្ថែម។

<div class="fixed-bottom">...</div>

កំពូលស្អិត

ដាក់ធាតុមួយនៅផ្នែកខាងលើនៃច្រកមើល ពីគែមមួយទៅគែម ប៉ុន្តែបន្ទាប់ពីអ្នករមូរឆ្លងកាត់វាតែប៉ុណ្ណោះ។ ឧបករណ៍ .sticky-topប្រើប្រាស់ប្រើប្រាស់ CSS's position: stickyដែលមិនត្រូវបានគាំទ្រពេញលេញនៅក្នុងកម្មវិធីរុករកទាំងអស់ទេ។

IE11 និង IE10 នឹងបង្ហាញ position: stickyជា position: relative. ដូច្នេះហើយ យើងរុំរចនាប័ទ្មនៅក្នុង @supportsសំណួរ ដោយកំណត់ភាពស្អិតជាប់ចំពោះតែកម្មវិធីរុករកដែលអាចបង្ហាញវាបានត្រឹមត្រូវ។

<div class="sticky-top">...</div>