CSS స్క్రోల్‌మార్జిన్‌బ్లాక్ అట్రిబ్యూట్

నిర్వహణ మరియు ఉపయోగం

scroll-margin-block ఈ స్పందన స్పందనలను కంటెయినర్ లో స్లాట్ అనేది స్లాట్ అనేది దూరం గుర్తిస్తుంది.

ఇది మీరు స్లైడ్ స్టాప్ చేసినప్పుడు స్ల్యూజ్ ఫాస్టలో సబ్ స్లాట్ అనేది కంటెయినర్ లో స్లాట్ అనేది స్లాట్ లో గల ప్రత్యేక దూరంలో స్లాట్ అనేది అందుబాటులోకి చేరుతుంది.

బ్లాక్ దిశ అనేది ప్రస్తుత పదం స్థానానికి ప్రత్యేకంగా తరువాత పదాన్ని ఏ దిశలో పెట్టాలో ఉంటుంది, ఇది ప్రస్తుతం CSS display: block; కలిగిన టాగులు (మేలు, <div> టాగులు) పేజీలో ప్రస్తుతం సంస్కరణ పద్ధతి అని అర్థం చేసుకోవాలి. బ్లాక్ దిశ రాత్రి భాషలకు అనుగుణంగా ఉంటుంది, ఉదాహరణకు, మంగోలియన్ భాష కొత్త పదం వామకు వెళ్ళి ఉంటుంది, అందువలన బ్లాక్ దిశ కూడా వామకు వెళ్ళి ఉంటుంది, ఆంగ్ల పేజీలో బ్లాక్ దిశ కూడా క్రిందకు వెళ్ళి ఉంటుంది. బ్లాక్ దిశను CSS స్పందనలను ద్వారా గుర్తించవచ్చు: writing-mode గుర్తించండి.

సబ్ ఎలమెంట్ పోస్ట్ స్లాట్ అనేది మీరు స్లైడ్ స్టాప్ చేసినప్పుడు కంటెయినర్ లో సబ్ ఎలమెంట్ అందుబాటులోకి చేరుతున్న స్థానం అని అర్థం చేసుకోవాలి.

గమనిక:ఈ స్పందన బ్లాక్ దిశలో ఉన్నప్పుడు మాత్రమే ఉపయోగపడుతుంది: మరియు పేర్వ మూలకంలో scroll-snap-align లక్షణాన్ని సెట్ చేయడం ద్వారా ప్రభావం చేస్తారు, అలాగే పిల్ల మూలకంలో సెట్ చేయడం ద్వారా ప్రభావం చేస్తారు అని కనిపిస్తుంది. స్పందన విలువలు 'start' లేదా 'end' గా అమర్చబడినప్పుడు పరిణామం చెందుతాయి.

scroll-margin-block ఈ స్పందన క్లాసు క్లాసులను సరళీకరించే స్పందనలు ఉన్నాయి:

scroll-margin-block స్పందనల విలువలను వివిధ రీతులుగా అమర్చవచ్చు:

ఇది scroll-margin-block స్పందనలు రెండు విలువలతో ఉన్నప్పుడు:

scroll-margin-block: 10px 50px;
  • 开始处的距离为 10px
  • 结束处的距离为 50px

如果 scroll-margin-block 属性有一个值:

scroll-margin-block: 10px;
  • 开始处和结束处的距离均为 10px

ప్రారంభ మరియు ముగింపు స్థానాలు మొదటి నుండి 10px వరకు ఉన్నాయి scroll-margin-block చూడండి కొరకు scroll-margin-block మరియు మరియు పేర్వ మూలకంలో scroll-snap-align లక్షణాన్ని సెట్ చేయడం ద్వారా ప్రభావం చేస్తారు, అలాగే పిల్ల మూలకంలో సెట్ చేయడం ద్వారా ప్రభావం చేస్తారు అని కనిపిస్తుంది. లక్షణం scroll-snap-type లక్షణం.

CSS యొక్క scroll-margin-inline మరియు scroll-margin-block లక్షణం కు సంబంధించిన CSS లక్షణం CSS స్క్రోల్-మార్జిన్-టాప్ అట్రిబ్యూట్మరియుscroll-margin-bottomమరియుscroll-margin-left మరియు scroll-margin-right చాలా అనికట వంటిది, కానీ scroll-margin-block మరియు scroll-margin-inline లక్షణం బ్లాక్ దిశ మరియు రూపకల్పన దిశ పెంచుతుంది.

ఇన్స్టాన్స్

ఉదాహరణ 1

బ్లాక్ దిశలో అటాచ్ స్థానాన్ని స్క్రాల్యబుల్ కంటైనర్ నుండి నిర్దేశించండి:

div {
  scroll-margin-block: 10px;
}

నేను ప్రయత్నించండి

ఉదాహరణ 2

కింది పిల్లల యొక్క writing-mode లక్షణం విలువను vertical-rlగా సెట్ చేసినప్పుడు, పరిణామం బ్లాక్ దిశలో ప్రారంభ స్థానం మొదటి నుండి కుడికి కదులుతుంది, ముగింపు స్థానం క్రింది నుండి ఎడమకు కదులుతుంది. ఇది స్క్రాల్ అటాచ్ ప్రవర్తనను ప్రభావితం చేస్తుంది మరియు ఇతర విషయాలను ప్రభావితం చేస్తుంది. scroll-margin-block లక్షణం పని పద్ధతి:

div {
  scroll-margin-block: 20px 0;
  writing-mode: vertical-rl;
}

నేను ప్రయత్నించండి

CSS సంకేతాలు

scroll-margin-block: 0|value|initial|inherit;

లక్షణ విలువ

విలువ వివరణ
0 అప్రమేయం. మూలకం యొక్క అప్రమేయ scroll-margin-block విలువ.
length

px, pt, cm వంటి మొత్తాలను నిర్దేశించండి. నిష్పక్షపాతం ఉంటుంది.

చూడండి:CSS యూనిట్స్.

initial ఈ లక్షణాన్ని అప్రమేయ విలువకు అమర్చండి. చూడండి: initial.
inherit ఈ లక్షణాన్ని తన పేర్వ మూలకం నుండి పారంపర్యం చేసుకుంది. చూడండి: inherit.

సాంకేతిక వివరాలు

అప్రమేయ విలువ: 0
పారంపర్యం: సందేహం లేదు
అనిమేషన్ తయారీ: మద్దతు లేదు. చూడండి:అనిమేషన్ సంబంధిత లక్షణాలు.
వెర్షన్: CSS3
జావాస్క్రిప్ట్ సంకేతాలు: object.style.scrollMarginBlock="20px"

బ్రౌజర్ మద్దతు

పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇస్తున్న బ్రౌజర్ వెర్షన్ ను సూచిస్తాయి.

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
69.0 79.0 68.0 14.1 56.0

相关页面

పరిచయం:CSS స్క్రోల్‌మార్జిన్‌బ్లాక్‌ఎండ్ అట్రిబ్యూట్

పరిచయం:CSS స్క్రోల్‌మార్జిన్‌బ్లాక్‌స్టార్ట్ అట్రిబ్యూట్

పరిచయం:CSS స్క్రోల్-స్నాప్-అలైన్ అట్రిబ్యూట్

పరిచయం:CSS స్క్రోల్-స్నాప్-టైప్ అట్రిబ్యూట్

పరిచయం:CSS వ్రాటింగ్-మోడ్ అట్రిబ్యూట్