CSS overflow-y ਪ੍ਰਤੀਯੋਗਿਤਾ
- ਪਿਛਲਾ ਪੰਨਾ overflow-x
- ਅਗਲਾ ਪੰਨਾ overscroll-behavior
ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ
overflow-y ਪ੍ਰਤੀਕ ਸਮੱਗਰੀ ਦੇ ਉੱਪਰ/ਨੀਚੇ ਬਰਾਂਡਵਾਰਨ ਨੂੰ ਕਟ ਕਰਨ ਦੇ ਸਮਰੱਥ ਕਰਦਾ ਹੈ - ਜੇਕਰ ਓਵਰਫਲੌਅ ਐਲੀਮੈਂਟ ਦੇ ਕੰਟੈਨਰ ਵਿੱਚ ਸਮੱਗਰੀ ਹੁੰਦੀ ਹੈ ਤਾਂ。
ਸੁਝਾਅ:ਵਰਤੋਂ overflow-x ਪ੍ਰਤੀਕ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਖੱਬੇ/ਸੱਜੇ ਬਰਾਂਡਵਾਰਨ ਦੀ ਕਟ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ。
CSS ਸਿੱਖਿਆ ਪ੍ਰਵਾਨਗੀ:CSS ਓਵਰਫਲੌਅ
HTML DOM ਸਲੈਕਸ਼ਨਰ ਹੰਡਬੁੱਕ:overflowY ਪ੍ਰਤੀਕ
ਉਦਾਹਰਣ
ਕਟ div ਐਲੀਮੈਂਟ ਵਿੱਚ ਸਮੱਗਰੀ ਦੇ ਖੱਬੇ/ਸੱਜੇ ਬਰਾਂਡਵਾਰਨ - ਜੇਕਰ ਓਵਰਫਲੌਅ ਐਲੀਮੈਂਟ ਦੇ ਕੰਟੈਨਰ ਵਿੱਚ ਸਮੱਗਰੀ ਹੁੰਦੀ ਹੈ ਤਾਂ:
div
{
overflow-y:hidden;
}
CSS ਗਰੇਫਟਾਂ
overflow-y: visible|hidden|scroll|auto|no-display|no-content;
ਪ੍ਰਤੀਕ ਮੁੱਲ
| ਮੁੱਲ | ਵਰਣਨ | ਟੈਸਟ |
|---|---|---|
| visible | ਕਟ ਨਾ ਕਰੋ, ਇਹ ਕੰਟੈਨਰ ਬਾਹਰ ਵੇਖਿਆ ਜਾ ਸਕਦਾ ਹੈ。 | ਟੈਸਟ |
| hidden | ਕਟ ਸਮੱਗਰੀ - ਨਾ ਸਰਕਲ ਮੈਕੈਨਿਜਮ ਮੁਹੱਈਆ ਕਰਾਓ。 | ਟੈਸਟ |
| scroll | ਕਟ ਸਮੱਗਰੀ - ਸਰਕਲ ਮੈਕੈਨਿਜਮ ਮੁਹੱਈਆ ਕਰਾਓ。 | ਟੈਸਟ |
| auto | ਜੇਕਰ ਓਵਰਫਲੌਅ ਕੰਟੈਨਰ ਹੁੰਦਾ ਹੈ ਤਾਂ ਸਰਕਲ ਮੈਕੈਨਿਜਮ ਮੁਹੱਈਆ ਕਰਾਓ。 | ਟੈਸਟ |
| no-display | ਜੇਕਰ ਸਮੱਗਰੀ ਕੰਟੈਨਰ ਵਿੱਚ ਫਿੱਟ ਨਹੀਂ ਹੁੰਦੀ ਤਾਂ ਪੂਰੀ ਕੰਟੈਨਰ ਹਟਾਓ。 | ਟੈਸਟ |
| no-content | ਜੇਕਰ ਸਮੱਗਰੀ ਕੰਟੈਨਰ ਵਿੱਚ ਫਿੱਟ ਨਹੀਂ ਹੁੰਦੀ ਤਾਂ ਪੂਰੀ ਸਮੱਗਰੀ ਛੁਪਾਓ。 | ਟੈਸਟ |
ਤਕਨੀਕੀ ਵੇਰਵੇ
| ਮੂਲਤਵੀ ਮੁੱਲ: | visible |
|---|---|
| ਵਿਰਾਸਤੀਕਰਣ: | no |
| ਸੰਸਕਰਣ: | CSS3 |
| JavaScript ਗਰੇਫਟਾਂ: | object.style.overflowY="scroll" |
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਿਤ ਹੋਣ ਵਾਲੇ ਪਹਿਲੇ ਬਰਾਉਜ਼ਰ ਦੇ ਨੰਬਰ ਤੇ ਸਾਰੇ ਸਟੇਬਲ ਤੇਲ ਵਿੱਚ ਸੂਚੀਬੱਧ ਹਨ。
ਜੋ ਨੰਬਰਾਂ ਵਿੱਚ -ms- ਹੈ ਉਹ ਪ੍ਰਾਰੰਭਿਕ ਪ੍ਰਤੀਕ ਦੀ ਪਹਿਲੀ ਸੰਸਕਰਣ ਦਾ ਉਪਯੋਗ ਕਰਦੇ ਹਨ。
| ਚਰਮੋਨੇ | IE / ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪੇਰਾ |
|---|---|---|---|---|
| 4.0 | 9.0 8.0 -ms- |
1.5 | 3.0 | 9.5 |
- ਪਿਛਲਾ ਪੰਨਾ overflow-x
- ਅਗਲਾ ਪੰਨਾ overscroll-behavior
