HTML DOM Element scrollLeft ਪੈਰਾਮੀਟਰ

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

scrollLeft ਪੈਰਾਮੀਟਰ ਸੈਟ ਕਰਨ ਜਾਂ ਏਲੀਮੈਂਟ ਦੇ ਸਮੱਗਰੀ ਦੇ ਹੰਗਾਮੇ ਵਾਲੇ ਪਿਕਸਲ ਸੰਖਿਆ ਨੂੰ ਵਾਪਸ ਦਿੱਤਾ ਜਾਵੇਗਾ。

ਹੋਰ ਦੇਖੋ:

scrollTop ਪੈਰਾਮੀਟਰ

CSS overflow ਪ੍ਰਤੀਯੋਗਿਤਾ

onscroll ਈਵੈਂਟ

ਇੰਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਸਰੋਲ "myDIV" ਦੇ ਸਮੱਗਰੀ ਦੇ ਪਿਕਸਲ ਸੰਖਿਆ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰੋ:

const element = document.getElementById("myDIV");
let x = elmnt.scrollLeft;
let y = elmnt.scrollTop;

ਸਵੈ ਸਿਖਲਾਈ ਦੋਹਰਾਓ

ਉਦਾਹਰਣ 2

50 ਪਿਕਸਲ ਪਿੱਛੇ ਅਤੇ 10 ਪਿਕਸਲ ਉੱਪਰ "myDIV" ਦੇ ਸਮੱਗਰੀ ਨੂੰ ਹੰਗਾਮੇ ਵਾਲਾ ਸਰੋਲ ਕਰੋ:

const element = document.getElementById("myDIV");
element.scrollLeft = 50;
element.scrollTop = 10;

ਸਵੈ ਸਿਖਲਾਈ ਦੋਹਰਾਓ

ਉਦਾਹਰਣ 3

50 ਪਿਕਸਲ ਪਿੱਛੇ ਅਤੇ 10 ਪਿਕਸਲ ਉੱਪਰ "myDIV" ਦੇ ਸਮੱਗਰੀ ਨੂੰ ਹੰਗਾਮੇ ਵਾਲਾ ਸਰੋਲ ਕਰੋ:

const element = document.getElementById("myDIV");
element.scrollLeft += 50;
element.scrollTop += 10;

ਸਵੈ ਸਿਖਲਾਈ ਦੋਹਰਾਓ

ਉਦਾਹਰਣ 4

30 ਪਿਕਸਲ ਪਿੱਛੇ ਅਤੇ 10 ਪਿਕਸਲ ਉੱਪਰ <body> ਦੇ ਸਮੱਗਰੀ ਨੂੰ ਹੰਗਾਮੇ ਵਾਲਾ ਸਰੋਲ ਕਰੋ:

const html = document.documentElement;
html.scrollLeft += 30;
html.scrollTop += 10;

ਸਵੈ ਸਿਖਲਾਈ ਦੋਹਰਾਓ

ਸਿੰਟੈਕਸ

scrollLeft ਪੈਰਾਮੀਟਰ ਵਾਪਸ ਦਿੱਤਾ ਜਾਵੇਗਾ:

element.scrollLeft

scrollLeft ਪੈਰਾਮੀਟਰ ਸੈਟ ਕਰੋ:

element.scrollLeft = pixels

ਪੈਰਾਮੀਟਰ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
pixels

ਏਲੀਮੈਂਟ ਦੇ ਸਮੱਗਰੀ ਦੇ ਹੰਗਾਮੇ ਵਾਲੇ ਪਿਕਸਲ ਸੰਖਿਆ.

  • ਜੇਕਰ ਇਹ ਸੰਖਿਆ ਨਕਾਰਾਤਮਕ ਹੈ ਤਾਂ ਇਹ ਸੰਖਿਆ 0 ਨੂੰ ਸੈਟ ਕਰ ਦਿੱਤੀ ਜਾਵੇਗੀ。
  • ਜੇਕਰ ਏਲੀਮੈਂਟ ਸਰੋਲ ਨਹੀਂ ਕਰ ਸਕਦਾ ਹੈ ਤਾਂ ਇਹ ਸੰਖਿਆ 0 ਨੂੰ ਸੈਟ ਕਰ ਦਿੱਤੀ ਜਾਵੇਗੀ。
  • ਜੇਕਰ ਇਹ ਸੰਖਿਆ ਪ੍ਰਵਾਨ ਸਭ ਤੋਂ ਵੱਡੀ ਮਿਆਦ ਤੋਂ ਵੱਧ ਹੈ ਤਾਂ ਇਹ ਸੰਖਿਆ ਮਹੱਤਵਪੂਰਨ ਮਿਆਦ ਨੂੰ ਸੈਟ ਕਰੋ。

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

ਪ੍ਰਕਾਰ ਵਰਣਨ
ਅੰਕ ਏਲੀਮੈਂਟ ਦੇ ਸਮੱਗਰੀ ਦੇ ਹੰਗਾਮੇ ਵਾਲੇ ਪਿਕਸਲ ਸੰਖਿਆ.

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

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

ਚਰਮ ਆਈਈ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
ਚਰਮ ਆਈਈ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ