ကျမ်းပိုးချိုးရန် ဘာကို

ဘာကို လေ့လာပါ

ကျမ်းပိုးချိုးရန် ဘာကို

ပေါင်း overflow: hidden;၊ လေးချိန် နှင့် လေးချိန်ကျမ်းပိုးချိုးရန် အတူ ကျမ်းပိုးချိုးရန်

အကြိမ်

body {
  overflow: hidden; /* ကျမ်းပိုးချိုးရန် */
}

ကျွန်ုပ်ကိုယ်ဖြင့် ကြိုးစားကြည့်ပါ

သင် သာလျှင် လေးချိန်ကျမ်းပိုးချိုးရန် သို့မဟုတ် လေးချိန်ကျမ်းပိုးချိုးရန် သုံးပါ overflow-y နှင့် overflow-x:

အကြိမ်

body {
  overflow-y: hidden; /* လေးချိန်ကျမ်းပိုးချိုးရန် */
  overflow-x: hidden; /* လေးချိန်ကျမ်းပိုးချိုးရန် */
}

ကျွန်ုပ်ကိုယ်ဖြင့် ကြိုးစားကြည့်ပါ

မှတ်ချက်မှာoverflow:hidden ကျမ်းပိုးချိုးရန် အသုံးပြုနိုင်သည် မဟုတ်။ စာမျက်နှာအတွင်း ကျမ်းပိုးချိုးရန် မပြုနိုင်ပါ။

ကျမ်းပိုးချိုးရန် နှင့် အသုံးပြုနိုင်သည်

ကျမ်းပိုးချိုးရန် နှင့် အသုံးပြုနိုင်သည် သော်လည်း ကျမ်းပိုးချိုးရန် အသုံးပြုနိုင်သည် မဟုတ်။ စာမျက်နှာအတွင်း ကျမ်းပိုးချိုးရန် မပြုနိုင်ပါ။

အကြိမ်

/* Chrome、Safari နှင့် Opera တွင် ကျမ်းပိုးချိုးရန် */
.example::-webkit-scrollbar {
  display: none;
}
/* IE、Edge နှင့် Firefox တွင် ကျမ်းပိုးချိုးရန် */
.example {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

ကျွန်ုပ်ကိုယ်ဖြင့် ကြိုးစားကြည့်ပါ

Webkit ကျမ်းပိုးချိုးမှုကို (ဥပမာ Chrome、Safari နှင့် Opera) ထောက်ပံ့သည် ::-webkit-scrollbar ပြောင်းလဲမှု အာရီအီးယား၊ ကျမ်းပိုးချိုးရန် အသုံးပြုသည်။ IE နှင့် Edge က ထောက်ပံ့သည် -ms-overflow-style: အခြေအနေ၊ Firefox က ထောက်ပံ့သည် scrollbar-width အခြေအနေများ၊ အခြေအနေတွေမှာ ကျမ်းပိုးချိုးရန် နှင့် အသုံးပြုနိုင်သော အသုံးပြုသည်။

ပါဝင်သော စာမျက်နှာ

စာရင်းပို့ချက်：CSS 溢出

参考手册：CSS overflow 属性