CSS ఓవర్ఫ్లో-అంకర్ అట్రిబ్యూట్

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

overflow-anchor ఈ లక్షణం స్క్రోల్ అంకరింగ్ (scroll anchoring) ని మూసివేయడానికి ఉపయోగించబడుతుంది。

స్క్రోల్ అంకరింగ్ అనేది బ్రౌజర్ యొక్క ఒక లక్షణం, ఇది కొత్త కంటెంట్ లోకి లోడ్ అయ్యేటప్పుడు స్క్రోల్ ప్రక్రియలో ప్రక్షేపణాన్ని నిరోధిస్తుంది. ఇది ఇంటర్నెట్ కనెక్షన్ కన్నా నెమ్మదిగా ఉన్నప్పుడు ఒక సమస్యగా ఉంటుంది, అనగా వినియోగదారుడు పేజీ పూర్తిగా లోడ్ అయ్యే ముందు క్రిందకు స్క్రోల్ చేసి పదాలను చదివారు.

ఉదాహరణ

స్క్రోల్ అంకరింగ్ ని మూసివేయండి:

div {
  overflow-anchor: none;
}

స్వయంగా ప్రయత్నించండి

సిఎస్ఎస్ సంకేతాలు

overflow-anchor: auto|none|initial|inherit;

లక్షణ విలువ

విలువ వివరణ
ఆటో మూల విలువ. స్క్రోల్ అంకరింగ్ ని చేతనం చేయండి.
నాన్ స్క్రోల్ అంకరింగ్ ని నిలిపివేయండి.
ఇనిశియల్ ఈ లక్షణాన్ని మూల విలువకు సెట్ చేయండి. దయచేసి ఈ లింక్ ను సందర్శించండి: ఇనిశియల్。
ఇన్హెరిట్ ఈ లక్షణాన్ని తన పూర్వ పరిమితి నుండి ఉంచు. దయచేసి ఈ లింక్ ను సందర్శించండి: ఇన్హెరిట్。

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

మూల విలువ ఆటో
పారంపర్యం కలిగిన లక్షణం: సంఖ్యలు లేదు
అనిమేషన్ తయారీ: మద్దతు లేదు. దయచేసి ఈ లింక్ ను సందర్శించండి:అనిమేషన్ సంబంధిత లక్షణాలు。
సంస్కరణ: సిఎస్ఎస్3
జావాస్క్రిప్ట్ సంకేతాలు: object.style.overflowAnchor="none"

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

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

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
56.0 79.0 66.0 不支持 43.0

相关页面

教程：CSS ఓవర్ఫ్లో

పరికల్పన:CSS ఓవర్ఫ్లో అట్రిబ్యూట్