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

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

ਜਦੋਂ ਟੱਚਬੋਰਡ ਜਾਂ ਟੱਚਸਕਰੀਨ 'ਤੇ ਤੇਜ਼ੀ ਨਾਲ ਸਰਲਾਂਜ ਕਰਨ ਤੋਂ ਬਾਅਦscroll-snap-stop ਗੁਣ ਨੂੰ ਸੈਟ ਕਰਨਾ ਹੋਵੇਗਾ

ਸਰਲਾਂਜ ਸਟੋਪ ਵਿਹਾਰ ਨੂੰ ਕੰਟਰੋਲ ਕਰਨ ਲਈ scroll-snap-stop ਅਤੇ scroll-snap-align ਗੁਣ scroll-snap-type ਗੁਣ

ਧਿਆਨ: ਤੁਸੀਂ ਟੱਚਬੋਰਡ ਜਾਂ ਟੱਚਸਕਰੀਨ ਵਾਲੇ ਉਪਕਰਣ 'ਤੇ ਸਰਲਾਂਜ ਕਰਨ ਦੀ ਜ਼ਰੂਰਤ ਹੈ ਤਾਂ ਹੀ ਤੁਸੀਂ ਇਸ ਗੁਣ ਦਾ ਪ੍ਰਭਾਵ ਮਹਿਸੂਸ ਕਰ ਸਕੋਗੇ。 scroll-snap-stop ਗੁਣ ਦਾ ਪ੍ਰਭਾਵ

ਉਦਾਹਰਣ

ਟੱਚਬੋਰਡ ਜਾਂ ਟੱਚਸਕਰੀਨ 'ਤੇ ਤੇਜ਼ੀ ਨਾਲ ਸਰਲਾਂਜ ਕਰਨ ਤੋਂ ਬਾਅਦ ਸਰਲਾਂਜ ਰਸਤਾ ਮਜ਼ਬੂਰੀ ਨਾਲ ਰੁਕੇਗਾ ਅਤੇ ਅਗਲਾ ਐਲੀਮੈਂਟ ਫੋਕਸ ਸਥਾਨ 'ਤੇ ਜਾਵੇਗਾ ਨਹੀਂ ਮਾਤਰ ਐਲੀਮੈਂਟਾਂ ਨੂੰ ਸਰਲਾਂਜ ਕਰੇਗਾ:

div {
  scroll-snap-stop: always;
}

ਆਪਣੇ ਆਪ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਸੀਐੱਸਐੱਸ ਗਰੈਮੇਟਿਕ

scroll-snap-stop: normal|always|initial|inherit;

ਗੁਣ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
ਨਾਰਮਲ ਮੂਲਤਵੀ ਮੁੱਲ। ਟੱਚਬੋਰਡ ਜਾਂ ਟੱਚਸਕਰੀਨ 'ਤੇ ਤੇਜ਼ੀ ਨਾਲ ਸਰਲਾਂਜ ਕਰਨ ਤੋਂ ਬਾਅਦ ਸਰਲਾਂਜ ਰਸਤਾ ਆਮ ਰਫਤਾਰ ਨਾਲ ਹੌਲੀ ਹੌਲੀ ਘੱਟ ਹੋਵੇਗਾ ਅਤੇ ਕਈ ਐਲੀਮੈਂਟਾਂ ਨੂੰ ਸਰਲਾਂਜ ਕਰੇਗਾ。
ਅਲਵਿਦਾ ਟੱਚਬੋਰਡ ਜਾਂ ਟੱਚਸਕਰੀਨ 'ਤੇ ਤੇਜ਼ੀ ਨਾਲ ਸਰਲਾਂਜ ਕਰਨ ਤੋਂ ਬਾਅਦ ਸਰਲਾਂਜ ਰਸਤਾ ਰੁਕੇਗਾ ਅਤੇ ਅਗਲਾ ਐਲੀਮੈਂਟ ਫੋਕਸ ਸਥਾਨ 'ਤੇ ਜਾਵੇਗਾ。
ਇਨੀਸ਼ਲ ਇਸ ਗੁਣ ਨੂੰ ਉਸ ਦੇ ਮੂਲਤਵੀ ਮੁੱਲ ਨੂੰ ਸੈਟ ਕਰੋ। ਦੇਖੋ: ਇਨੀਸ਼ਲ.
ਇਨਹੈਰਿਟ ਆਪਣੇ ਮਾਤਾ ਐਲੀਮੈਂਟ ਤੋਂ ਇਸ ਗੁਣ ਨੂੰ ਇਨਹੈਰਿਟ ਕਰੋ। ਦੇਖੋ: ਇਨਹੈਰਿਟ.

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਮੂਲਤਵੀ ਮੁੱਲ: ਨਾਰਮਲ
ਵਿਰਾਸਤੀ ਪ੍ਰਵਰਤਨ: ਨਹੀਂ
ਐਨੀਮੇਸ਼ਨ ਨਿਰਮਾਣ: ਸਮਰਥਨ ਨਹੀਂ ਹੈ। ਦੇਖੋ:ਐਨੀਮੇਸ਼ਨ ਸਬੰਧੀ ਗੁਣ.
ਸੰਸਕਰਣ: ਸੀਐੱਸਐੱਸ3
ਜਾਵਾਸਕ੍ਰਿਪਟ ਗਰੈਮੇਟਿਕ: object.style.scrollSnapStop="always"

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

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

ਚਰਮ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
75.0 79.0 103.0 15.0 62.0

ਸਬੰਧਤ ਪੰਨੇ

ਸਲਾਹਦਾਰੀਆਂ:CSS scroll-snap-align ਪ੍ਰਤੀਯੋਗਿਤਾ

ਸਲਾਹਦਾਰੀਆਂ:CSS scroll-snap-type ਪ੍ਰਤੀਯੋਗਿਤਾ