စတုံးပေါ် ဖြန့်ကျမ်းကျူး အကျုံး (အရှေ့ဘက်)

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

overscroll-behavior-inline ဆက်လက်ပြောင်းလဲတိုက်ခတ်ခြင်း အကျိုးသတ္တိကို အစိတ်ခံသင့်သည်။

မှတ်ချက်:ဒီ ပြောင်းလဲတိုက်ခတ်ခြင်း အကျိုးသတ္တိကို ဆက်လက်ပြောင်းလဲတိုက်ခတ်ခြင်း တွင် အသုံးပြုရန် သင်သည် ခွေးပေါ် သို့မဟုတ် ခွေးပေါ် ကို အသုံးပြုသင့်သည်။

滚动链是指在一个元素上过度滚动会导致父元素的滚动行为。这是默认行为。

过度滚动反馈是当用户尝试滚动超出滚动边界时给予的反馈。例如，在移动设备上，当尝试滚动超出页面顶部时，通常会伴随着页面刷新的视觉反馈。

CSS overscroll-behavior-inline နှင့် overscroll-behavior-block အချက်အလက် နှင့် overscroll-behavior-x နှင့် overscroll-behavior-y အချက်အလက် သည် overscroll-behavior-inline နှင့် overscroll-behavior-block အချက်အလက် သည် အဆို အချက်အလက် နှင့် အကြောင်းလိုက် အချက်အလက် ကို အစိုးရ

မှတ်ချက်:ကိုယ်စားပြု အချက်အလက် writing-mode အကြောင်းလိုက် လုံး ကို အချက်အလက် ဖော်ပြ သည် overscroll-behavior-inline အချက်အလက် အရာများ သည် အင်္ဂလိပ် စာမျက်နှာ တွင် အကြောင်းလိုက် လုံး ကို သို့ ဖြစ် သည် မဟုတ် အဆို အချက်အလက် သို့ ဖြစ် သည် မဟုတ် ဖြိုဖြိုက် သည်

အမှတ်

အမှတ် 1

အကြောင်း 1: နှေးကွာသော နှိပ်ကွက် အကူအညီ ကို အကြောင်းလိုက် လုံး အတွင်း ပိတ်သည်

#yellowDiv {
  overscroll-behavior-inline: contain;
}

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

အမှတ် 2: writing-mode အချက်အလက် နှင့် ပေါင်းစပ်

ဖျက်လိုက် <div> အကိုယ်စားပြု အကြောင်းလိုက် လုံး ကို writing-mode အဆို အမှတ် သည် 'vertical-rl' ဖြစ် ပါက အကြောင်းလိုက် လုံး စခန်း လုံး ကို လက်ဆုံး လုံး ကို သို့ သက်ရောက် overscroll-behavior-inline ယခု ယူးတီးယား ဦးခင် ကို ဖြည့်စွက် သည် မဟုတ် အိမ်ခြေ ဦးခင် ကို

#yellowDiv {
  writing-mode: vertical-rl;
  overscroll-behavior-inline: contain;
}

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

CSS ဘာသာစကား

overscroll-behavior-inline: auto|contain|none|initial|inherit;

အချက်အလက် အမှတ်

အတ္ထုပတ္တိ ဖော်ပြ
auto နှေးကွာသော နှိပ်ကွက် ပြုလုပ် နှင့် နှေးကွာသော အကူအညီ ပြုလုပ် မမြောက်မဲ့ မူကြမ်း အဆို
contain နှေးကွာသော အကူအညီ ပြုလုပ် သည် မမြောက်မဲ့ နှင့် နှေးကွာသော နှိပ်ကွက် မမြောက်မဲ့
none အထူး အကူအညီ နှင့် နှေးကွာသော နှိပ်ကွက် ပြုလုပ် သည် မမြောက်မဲ့
initial အခြေခံ အဆို သို့ သုံးပြီး initial。
inherit သူ၏ အဖွဲ့ဝင် အကိုယ်စားပြု မှ အခြေခံ သည် inherit。

နည်းပညာ အချက်အလက်

မူကြမ်း အဆို auto
ဆက်နွယ်မှု ထိ
အယူအဆ ပြုလုပ် မမြောက်မဲ့အယူအဆ နှင့် အစီအစဉ် များ。
ပုံစံ CSS3
JavaScript ဘာသာစကား object.style.overscrollBehaviorInline="none"

ဘာသာစကား အကူအညီ

အချက်အလက် များ သည် ထို အကိုယ်ရိုး ကို ပထမဆုံး လုပ်ဆောင် နိုင် သော ဘာသာစကား ဘာသာစကား ကို ကိုယ်စားပြုသည်

ခရိုးမီ အီဝီ ဖရက်ခ် ဆာဖာ အိုပရာ
63.0 18.0 59.0 16.0 50.0

ကိုယ်စားပြုသော စာမျက်နှာ

ဂရောဝ်ချုပ်စတုံးပေါ် ဖြန့်ကျမ်းကျူး အကျုံ�ချိန်

ဂရောဝ်ချုပ်စတုံးပေါ် ဖြန့်ကျမ်းကျူး အကျုံး (ဘက်လိုက်)

ဂရောဝ်ချုပ်စတုံးပေါ် ဖြန့်ကျမ်းကျူး အကျုံး (ဘက်လိုက်)

ဂရောဝ်ချုပ်စတုံးပေါ် ဖြန့်ကျမ်းကျူး အကျုံး (အရှေ့ဘက်)

ဂရောဝ်ချုပ်စတုံးပေါ် scroll-behavior အကျုံး

ဂရောဝ်ချုပ်စတုံးပေါ် scroll-margin အကျုံး

ဂရောဝ်ချုပ်စက်တင်ချိန် အစီအစဉ်ကျော်ကျော်ဝင်ဝင်သုံးစွဲမှု

ဂရောဝ်ချုပ်စက်တင်ချိန် ကျော်ကျော်ဝင်ဝင်သုံးစွဲမှု

ဂရောဝ်ချုပ်စက်ပိုင်း writing-mode အကိုးအချုပ်