CSS scroll-behavior ਪ੍ਰਤੀਯੋਗਿਤਾ

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

scroll-behavior ਵਿਸ਼ੇਸ਼ਤਾ ਨੇ ਯੂਜ਼ਰ ਨੂੰ ਸਕਰੋਲ ਬਾਕਸ ਵਿੱਚ ਕਿਸੇ ਲਿੰਕ 'ਤੇ ਕਲਿੱਕ ਕਰਨ ਉੱਤੇ ਸਮੁੱਚੇ ਤਰੀਕੇ ਨਾਲ ਸਕਰੋਲ ਸਥਾਨ ਸਕਰੋਲ ਕਰਨ ਦੀ ਸਮਰੱਥਾ ਦਿੰਦੀ ਹੈ ਨਾ ਕਿ ਸਿੱਧੇ ਤੌਰ 'ਤੇ ਸਕਰੋਲ ਕਰਨ।

ਉਦਾਹਰਣ

ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਸਮੁੱਚੇ ਸਕਰੋਲ ਇਫੈਕਟ ਦੀ ਸਮਰੱਥਾ ਜੋੜੋ:

html {
  scroll-behavior: smooth;
}

ਆਪਣੇ ਆਪ ਦੋਹਰਾਓ

CSS ਗਰੇਫਿਕਸ

scroll-behavior: auto|smooth|initial|inherit;

ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
auto ਮੂਲ ਮੁੱਲ। ਸਮੁੱਚੇ ਸਕਰੋਲ ਬਾਕਸ ਦੇ ਇਲਾਕਿਆਂ ਵਿੱਚ ਸਿੱਧੇ ਤੌਰ 'ਤੇ ਸਕਰੋਲ ਇਫੈਕਟ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ。
smooth ਸਮੁੱਚੇ ਸਕਰੋਲ ਬਾਕਸ ਦੇ ਇਲਾਕਿਆਂ ਵਿੱਚ ਸਮੁੱਚੇ ਤਰੀਕੇ ਨਾਲ ਸਕਰੋਲ ਇਫੈਕਟ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ。
initial ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਉਸਦੇ ਮੂਲ ਮੁੱਲ ਤੇ ਸੈਟ ਕਰੋ। ਦੇਖੋ: initial.
inherit ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਆਪਣੇ ਮਾਤਾ ਤੱਤ ਤੋਂ ਵਿਰਾਸਤ ਕਰੋ। ਦੇਖੋ: inherit.

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: auto
ਵਿਰਾਸਤ: ਨਹੀਂ
ਐਨੀਮੇਸ਼ਨ ਬਣਾਉਣਾ: ਸਮਰੱਥ ਨਹੀਂ ਹੈ। ਦੇਖੋ:ਐਨੀਮੇਸ਼ਨ ਸਬੰਧੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ.
ਵਰਜਨ: CSSOM ਵਿਊ ਮੌਡਿਊਲ (ਕਾਰਜ ਦਸਤਾਵੇਜ਼)
ਜਾਵਾਸਕ੍ਰਿਪਟ ਗਰੇਫਿਕਸ object.style.scrollBehavior="smooth"

ਬਰਾਉਜ਼ਰ ਸਮਰੱਥਾ

ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰੱਥ ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਪਹਿਲਾ ਬਰਾਉਜ਼ਰ ਵਰਜਨ ਸਾਰੇ ਚਿੰਨ੍ਹਾਂ ਵਿੱਚ ਦਰਸਾਇਆ ਗਿਆ ਹੈ。

ਚਰਮੀ IE / ਐਜ਼ ਫਾਰਫੈਕਸ ਸਫਾਰੀ ਓਪੇਰਾ
61.0 79.0 36.0 14.0 48.0