HTML DOM Element scrollHeight ਪ੍ਰਤੀਯੋਗਿਤਾ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

scrollHeight ਪ੍ਰਤੀਯੋਗਿਤਾ ਇਲੈਕਟ੍ਰੌਨ ਦੀ ਉਚਾਈ ਵਾਪਸ ਦਿੰਦੀ ਹੈ, ਪਿਕਸਲ ਵਿੱਚ ਸੰਖਿਆ, ਪੈਡਿੰਗ ਸ਼ਾਮਿਲ ਹੁੰਦੇ ਹਨ, ਪਰ ਬੋਰਡਰ, ਸਕਰੋਲਬਾਰ ਜਾਂ ਮੈਰਜਿਨ ਨਹੀਂ ਹਨ。

scrollHeight ਇਹ ਪ੍ਰਤੀਯੋਗਿਤਾ ਸਿਰਫ ਲੜੀ ਦਿੱਤੀ ਜਾਂਦੀ ਹੈ。

ਟਿੱਪਣੀ:scrollWidth ਅਤੇ scrollHeight ਦੋਵੇਂ ਇਲੈਕਟ੍ਰੌਨ ਦੀ ਪੂਰੀ ਉਚਾਈ ਅਤੇ ਚੌਡਾਈ ਵਾਪਸ ਦਿੰਦੇ ਹਨ, ਜਿਵੇਂ ਕਿ ਅਣਦਿਸੇ ਹਿੱਸੇ (ਵਧਾਉਣ ਦੇ ਕਾਰਨ) ਵਿੱਚ ਹੈ。

ਹੋਰ ਦੇਖੋ:

scrollWidth ਪ੍ਰਤੀਯੋਗਿਤਾ

CSS overflow ਵਿਸ਼ੇਸ਼ਤਾ

ਇਨਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਇਲੈਕਟ੍ਰੌਨ ਦੀ ਉਚਾਈ ਅਤੇ ਚੌਡਾਈ ਪ੍ਰਾਪਤ ਕਰੋ, ਜਿਸ ਵਿੱਚ ਪੈਡਿੰਗ ਵੀ ਸ਼ਾਮਿਲ ਹੈ:

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

ਆਪਣੇ ਆਪ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 2

padding, border ਅਤੇ scrollbar ਕਿਵੇਂ scrollWidth ਅਤੇ scrollHeight ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਕਰਦੇ ਹਨ:

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

ਆਪਣੇ ਆਪ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 3

scrollHeight ਅਤੇ scrollWidth ਵਾਲੇ ਮੁੱਲਾਂ ਨਾਲ ਇਲੈਕਟ੍ਰੌਨ ਦੀ ਉਚਾਈ ਅਤੇ ਚੌਡਾਈ ਸੈਟ ਕਰੋ:

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

ਆਪਣੇ ਆਪ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰੋ

ਵਾਕਫ਼ਾ

element.scrollHeight

ਵਾਪਸ ਦਿੱਤਾ ਗਿਆ ਮੁੱਲ

ਪ੍ਰਕਾਰ ਵਰਣਨ
ਸੰਖਿਆ ਇਲੈਕਟ੍ਰੌਨ ਦੀ ਉਚਾਈ ਪਿਕਸਲ ਵਿੱਚ

ਬਰਾਊਜ਼ਰ ਸਮਰਥਨ

ਸਾਰੇ ਬਰਾਊਜ਼ਰ ਇਸ ਨੂੰ ਸਮਰਥਨ ਕਰਦੇ ਹਨ element.scrollHeight：

Chrome IE Edge Firefox Safari ਓਪਰਾ
Chrome IE Edge Firefox Safari ਓਪਰਾ
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ