HTML DOM Element scrollHeight అనే స్పందనాత్మకత విధానం

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

scrollHeight అనువర్తనం వచ్చే విలువలు ఎలిమెంట్ పొడవును అందిస్తాయి, పిక్సెల్లలో అంతర్భాగంగా ఉన్న ప్యాడింగ్ ని సహా ఉంచి, బోర్డర్, స్క్రోల్‌బార్ లేదా మేరుగులను చేర్చకుండా ఉంచబడబడం లేదు.

scrollHeight అనువర్తనం అనుకూలంగా ఉంటుంది.

ప్రకటన:scrollWidth మరియు scrollHeight అన్ని వచ్చే విలువలు ఎలిమెంట్ మొత్తం పొడవు మరియు వెడల్పును అందిస్తాయి, అనగా అన్ని అదనంగా పొడవు కలిగిన భాగాలను సహా ఉన్న అనంతర్భాగంగా ఉన్న భాగాలను సహా ఉంచండి.

మరింత చూడండి:

scrollWidth అనే స్పందనాత్మకత విధానం

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

ఉదాహరణ

ఉదాహరణ 1

ఎలిమెంట్ పొడవు మరియు వెడల్పును పొందండి, అంతర్భాగంగా ఉన్న ప్యాడింగ్ ని సహా ఉంచండి:

const element = document.getElementById("content");
let x = element.scrollHeight;
let y = element.scrollWidth;

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

ఉదాహరణ 2

ప్యాడింగ్, బోర్డర్ మరియు స్క్రోల్‌బార్ ఎలా scrollWidth మరియు scrollHeight ను ప్రభావితం చేస్తాయి:

const element = document.getElementById("content");
let x = element.scrollHeight;
let y = element.scrollWidth;

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

ఉదాహరణ 3

స్క్రోల్‌హైగ్త్ మరియు స్క్రోల్‌వైడ్థు నుండి వచ్చే విలువలతో ఎలిమెంట్ పొడవు మరియు వెడల్పును అమర్చండి:

element.style.height = element.scrollHeight + "px";
element.style.width = element.scrollWidth + "px";

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

సంకేతం

element.scrollHeight

పునఃలభ్యత విలువ

రకం వివరణ
సంఖ్య పిక్సెల్లలో అంతర్భాగంగా ఎలిమెంట్ పొడవు.

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

అన్ని బ్రౌజర్లు మద్దతు ఇస్తాయి element.scrollHeightఅంటే

క్రోమ్ ఐఈ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ Opera
క్రోమ్ ఐఈ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ Opera
支持 支持 支持 支持 支持 支持