CSS ఓవర్ఫ్లాయ్ అట్రిబ్యూట్
- ముందు పేజీ 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" |
బ్రౌజర్ మద్దతు
పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ సంచికను పేర్కొంటాయి.
ముందు సంచికతో కలిపిన సంఖ్యలు మొదటి సంచికను వినియోగించడానికి ఉపయోగిస్తాయి.
క్రోమ్ | ఐఇ / ఎజెండా | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
---|---|---|---|---|
4.0 | 9.0 8.0 -ms- |
1.5 | 3.0 | 9.5 |
- ముందు పేజీ overflow-x
- తరువాత పేజీ overscroll-behavior