စက်ဆုံးဖြတ် အစိတ်အကျဉ်း သတ်မှတ်
- အရှေ့စာ overflow-x
- နောက်ပိုင်းစာ overscroll-behavior
ဖော်ပြ နှင့် အသုံးပြု
overflow-y ဗီဇ က အရာအထူး အကျယ်အဝန်း အမြောက်/အနှစ် အရှေ့/အသို့ ကို ဖြောက်ဖျက်ခြင်း ကို အသိအမှတ်ပြုသည် - အခြေအနေ အပေါ် ဖြစ်လာခဲ့ရှိသော်ဖြစ်စေ。
အကြောင်းကြားချက်အသုံးပြု overflow-x အသုံးပြု ဗီဇ ကို အရှေ့/အသို့ ပြုပြင်ကာ ဖြစ်လာသည် ကို အသိအမှတ်ပြုရန်
CSS ဖော်ပြCSS ဖြောက်ဖျက်
HTML DOM လက္ခဏာ စာအုပ်overflowY ဗီဇ
အမှတ်အသား
div အရာအထူး အကျယ်အဝန်း အရှေ့/အသို့ ကို ပြုပြင်ကာ ဖြစ်လာသော အခြေအနေ ကို ပြုပြင်ကာ ဖြစ်လာသည် - အခြေအနေ အပေါ် ဖြစ်လာခဲ့ရှိသော်ဖြစ်စေ。
div { overflow-y:hidden; }
CSS လိုင်းဘာသာ
overflow-y: visible|hidden|scroll|auto|no-display|no-content;
ဗီဇ အသုံးပြု
လက်တွေ | ဖော်ပြ | စမ်းသပ် |
---|---|---|
visible | အရာအထူး ကို ကြည့်ရှုခြင်း မပြုဘဲ အခြေအနေ အပြင် ဖြစ်လာနိုင်သည်。 | စမ်းသပ် |
hidden | အရာအထူး ကို ကြည့်ရှုခြင်း မပြုဘဲ ရှားပွားခြင်း မပေးသည်。 | စမ်းသပ် |
scroll | အရာအထူး ကို ကြည့်ရှုခြင်း မပြုဘဲ ရှားပွားခြင်း ကို ကူညီပေးသည်。 | စမ်းသပ် |
auto | အပေါ်ပေါ် အကျယ်အဝန်း အပြင် ဖြစ်လာခဲ့ရှိသော် ရှားပွားခြင်း ကို ကူညီပေးသည်。 | စမ်းသပ် |
no-display | အခြေအနေ မပါဝင်ဘဲ အရာအထူး အခြေအနေ ကို ဖယ်ရှားကာ ပိတ်သွားသည်。 | စမ်းသပ် |
no-content | အခြေအနေ မပါဝင်ဘဲ အရာအထူး အခြေအနေ ကို အပြင်းအထန် ကျယ်ပြီး ကျယ်ပြီးပြီးတော့ ပိတ်သွားသည်。 | စမ်းသပ် |
နည်းပိုးဆိုင်ရာ
မူးများ | visible |
---|---|
ကြောက်ကြောင်း | no |
ပုံစံ | CSS3 |
JavaScript လိုင်းဘာသာ | object.style.overflowY="scroll" |
ဘရာဇယား ထောက်ပံ့
အချက်အလက် တွင် အဆိုပါ ဗီဇ ကို ပထမဆုံး ထောက်ပံ့သော ဘရာဇယား ကို မှတ်ချက်ပြချက်ပါသည်。
အသုံးပြုသော -ms- နှင့်အသင်းသား ပထမဆုံး ကန်ပြီး ပုံစံသည်。
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
4.0 | 9.0 8.0 -ms- |
1.5 | 3.0 | 9.5 |
- အရှေ့စာ overflow-x
- နောက်ပိုင်းစာ overscroll-behavior