တူးပွားစွာ ပုံ ကို ဖန်တီးတာ

CSS ဖြင့် တူးပွားစွာ ပုံ ကို သုံးစွဲပါ

တူးပွားစွာ ပုံ

img.sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
}

ကိုယ်တိုင် ကြိုးစားပါ

ဖြင့် position: sticky; အစိုးရရှားသူ ကို အသုံးပြုသူ၏ အစိုးရရှားသူ အရ သင်္ကန်းကို ခုံခြင်း

တူးပွားစွာ သင်္ကန်းကို အရှိန်ထက် နှင့် အခြေခံ သင်္ကန်းပြောင်းရိုက်ခြင်း အကြား ပြောင်းလဲသည်။ အစိုးရရှားသူ အရ သတ်မှတ်ထားသော အကွာအဝေး အရ နောက်ပိုင်း သို့ လာသော အခါ အစိုးရရှားသူ ဖြင့် သင်္ကန်းကို နှုတ်ထားသည် - ထို့နောက် သင်္ကန်းကို ပြည့်ပြည့် တွင် သင်္ကန်းပြောင်းရိုက်ခြင်း မပြုဘဲ ရှိပါ position:fixed()))

ကိုယ်တိုင်အင်တာနက် အစိုးရရှားသူ၊ Edge 15 နှင့် အရှိန်ထက် သင်္ကန်းပြောင်းရိုက်ခြင်း မမှုပ်ထုတ်သည်။ Safari သည် အသုံးပြုရမည် -webkit- ပြင်ပထဲရောက်ချက်(အမှတ်အသားကို ကြည့်ပါ)။ တူးပွားစွာ သင်္ကန်းပြောင်းရိုက်ခြင်း အလိုအားဖြင့် လိုအပ်သည့် သင်္ကန်းကို အသုံးပြုရမည် အပေါ်、ဘယ်ဘက်、နောက်ပိုင်း သို့ ဆိုင် တစ်ခု၌

相关页面

教程：CSS 图像

教程：CSS 定位