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

ਵਿਵਰਣ ਅਤੇ ਵਰਤੋਂ

overscroll-behavior-y ਪ੍ਰਤੀਯੋਗੀ ਵਿਭਾਗ ਹੈ ਜੋ ਯੂਜ਼ਰ ਵਿੱਚ ਯੂਜ਼ਰ ਦੀ ਸਕਰੋਲ ਬੰਦਰੀ ਤੋਂ ਬਾਹਰ ਸਕਰੋਲ ਕਰਨ ਦੇ ਸਮੇਂ ਇਲਾਕੇ ਦੀ ਰੌਲਿੰਗ ਲੜੀ ਬੰਦ ਕਰਦਾ ਹੈ ਜਾਂ ਅਧਿਕ ਰੌਲਿੰਗ ਫੀਡਬੈਕ ਦਿੰਦਾ ਹੈ。

ਰੌਲਿੰਗ ਲੜੀਇਹ ਹੈ ਜਦੋਂ ਇੱਕ ਇਲਾਕੇ 'ਤੇ ਅਧਿਕ ਰੌਲਿੰਗ ਕਰਨਾ ਹੈ ਤਾਂ ਪੈਦਾ ਹੁੰਦਾ ਹੈ ਪੈਰੈਂਟ ਇਲਾਕੇ ਦਾ ਰੌਲਿੰਗ ਵਿਵਹਾਰ। ਇਹ ਮੂਲ ਵਿਵਹਾਰ ਹੈ。

ਅਧਿਕ ਰੌਲਿੰਗਫੀਡਬੈਕ ਹੈ ਜਦੋਂ ਯੂਜ਼ਰ ਸਕਰੋਲ ਬੰਦਰੀ ਤੋਂ ਬਾਹਰ ਕ੍ਰਮ ਵਿੱਚ ਸਕਰੋਲ ਕਰਦਾ ਹੈ। ਉਦਾਹਰਣ ਵਜੋਂ، ਮੋਬਾਈਲ ਉਪਕਰਣ 'ਤੇ ਜਦੋਂ ਯੂਜ਼ਰ ਪੇਜ ਦੀ ਸਿਖਰ ਤੋਂ ਬਾਹਰ ਸਕਰੋਲ ਕਰਦਾ ਹੈ ਤਾਂ ਆਮ ਤੌਰ 'ਤੇ ਪੇਜ ਫ੍ਰੀਜ਼ ਹੋ ਜਾਂਦਾ ਹੈ ਅਤੇ ਸਾਦਾ ਫੀਡਬੈਕ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ。

ਉਦਾਹਰਣ

ਸਰਲ ਸਕਰੋਲਿੰਗ <div> ਇਲਾਕੇ ਦੀ ਰੌਲਿੰਗ ਲੜੀ ਬੰਦ ਕਰੋ:

#yellowDiv {
  overscroll-behavior-y: contain;
}

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

CSS ਵਿਭਾਗ

overscroll-behavior-y: auto|contain|none|initial|inherit;

ਪ੍ਰਤੀਯੋਗੀ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
auto ਰੌਲਿੰਗ ਲੜੀ ਅਤੇ ਅਧਿਕ ਰੌਲਿੰਗ ਫੀਡਬੈਕ ਵਿਵਹਾਰ ਦੀ ਸਹੀ ਸਮਰਥਨ ਕਰੋ। ਮੂਲ ਮੁੱਲ。
contain ਅਧਿਕ ਰੌਲਿੰਗ ਫੀਡਬੈਕ ਵਿਵਹਾਰ ਦੀ ਸਹੀ ਸਮਰਥਨ ਕਰੋ ਜਿਵੇਂ ਕਿ ਰੌਲਿੰਗ ਲੜੀ ਨਹੀਂ ਹੋਵੇ。
none ਨਹੀਂ ਕਰਨਾ ਹੈ ਕਿ ਅਧਿਕ ਰੌਲਿੰਗ ਫੀਡਬੈਕ ਜਾਂ ਰੌਲਿੰਗ ਲੜੀ ਦਾ ਵਿਵਹਾਰ ਹੋਵੇ。
initial ਇਸ ਵਿਭਾਗ ਨੂੰ ਮੂਲ ਮੁੱਲ 'ਤੇ ਸੈਟ ਕਰੋ। ਦੇਖੋ: initial。
inherit ਆਪਣੇ ਮਾਤਾ ਇਲਾਕੇ ਤੋਂ ਇਸ ਵਿਭਾਗ ਨੂੰ ਵਿਰਾਸਤੀਕਰਣ ਕਰੋ। ਦੇਖੋ: inherit。

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਮੂਲ ਮੁੱਲ: auto
ਵਿਰਾਸਤੀਕਰਣ: ਨਹੀਂ
ਐਨੀਮੇਸ਼ਨ ਨਿਰਮਾਣ: ਸਮਰਥਨ ਨਹੀਂ ਹੈ। ਦੇਖੋ:ਐਨੀਮੇਸ਼ਨ ਸਬੰਧਤ ਵਿਭਾਗ。
ਸੰਸਕਰਣ: CSS3
JavaScript ਵਿਭਾਗ: object.style.overscrollBehaviorY="none"

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

ਸਾਰੇ ਤੈਜ਼ੀ ਵਿੱਚ ਸਿਫ਼ਾਰਸ਼ ਦਿੱਤੀ ਗਈ ਬਰਾਉਜ਼ਰ ਦੀ ਸੰਖਿਆ ਪ੍ਰਤੀਯੋਗੀ ਮੁੱਲ ਹੈ。

Chrome Edge Firefox Safari Opera
63.0 18.0 * 59.0 16.0 50.0

* Microsoft Edge ਵਿੱਚ، ਪ੍ਰਤੀਯੋਗੀ ਮੁੱਲ none ਨੂੰ contain ਦੇ ਤੌਰ 'ਤੇ ਹੱਲ ਕੀਤਾ ਜਾਂਦਾ ਹੈ، ਇਹ ਗਲਤ ਹੈ。

ਸਬੰਧਤ ਪੰਨੇ

ਸਬੰਧਤੀਕਰਨ:CSS overscroll-behavior ਪ੍ਰਤੀਯੋਗਿਤਾ

ਸਬੰਧਤੀਕਰਨ:CSS overscroll-behavior-block ਪ੍ਰਤੀਯੋਗਿਤਾ

ਸਬੰਧਤੀਕਰਨ:CSS overscroll-behavior-inline ਪ੍ਰਤੀਯੋਗਿਤਾ

ਸਬੰਧਤੀਕਰਨ:CSS overscroll-behavior-x ਪ੍ਰਤੀਯੋਗਿਤਾ

ਸਬੰਧਤੀਕਰਨ:CSS scroll-behavior ਪ੍ਰਤੀਯੋਗਿਤਾ

ਸਬੰਧਤੀਕਰਨ:CSS scroll-margin ਪ੍ਰਤੀਯੋਗਿਤਾ

ਸਬੰਧਤੀਕਰਨ:CSS scroll-padding ਪ੍ਰਤੀਯੋਗਿਤਾ

ਸਬੰਧਤੀਕਰਨ:CSS scroll-snap-align ਪ੍ਰਤੀਯੋਗਿਤਾ