Π£ Π½Π°Ρ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎ ΠΡΡΡΠΈ CSS ΠΠΎΠ·ΠΈΡΠΈΠΎΠ½ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΠ 5 ΠΠΠΠ£Π’ || CSS Position ΠΈΠ»ΠΈ ΡΠΊΠ°ΡΠ°ΡΡ Π² ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΠΎΠΌ Π΄ΠΎΡΡΡΠΏΠ½ΠΎΠΌ ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅, ΠΊΠΎΡΠΎΡΠΎΠ΅ Π±ΡΠ»ΠΎ Π·Π°Π³ΡΡΠΆΠ΅Π½ΠΎ Π½Π° ΡΡΡΠ±. ΠΠ»Ρ ΡΠΊΠ°ΡΠΈΠ²Π°Π½ΠΈΡ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ Π²Π°ΡΠΈΠ°Π½Ρ ΠΈΠ· ΡΠΎΡΠΌΡ Π½ΠΈΠΆΠ΅:
ΠΡΠ»ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΡΠΊΠ°ΡΠΈΠ²Π°Π½ΠΈΡ Π½Π΅
Π·Π°Π³ΡΡΠ·ΠΈΠ»ΠΈΡΡ
ΠΠΠΠΠΠ’Π ΠΠΠΠ‘Π¬ ΠΈΠ»ΠΈ ΠΎΠ±Π½ΠΎΠ²ΠΈΡΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ
ΠΡΠ»ΠΈ Π²ΠΎΠ·Π½ΠΈΠΊΠ°ΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ ΡΠΎ ΡΠΊΠ°ΡΠΈΠ²Π°Π½ΠΈΠ΅ΠΌ, ΠΏΠΎΠΆΠ°Π»ΡΠΉΡΡΠ° Π½Π°ΠΏΠΈΡΠΈΡΠ΅ Π² ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΡ ΠΏΠΎ Π°Π΄ΡΠ΅ΡΡ Π²Π½ΠΈΠ·Ρ
ΡΡΡΠ°Π½ΠΈΡΡ.
Π‘ΠΏΠ°ΡΠΈΠ±ΠΎ Π·Π° ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΡΠ²ΠΈΡΠ° ClipSaver.ru
Π‘ΠΊΠΎΡΠ΅Π΅ Π²ΡΠ΅Π³ΠΎ, Π²Ρ ΡΠ»ΡΡΠ°Π»ΠΈ ΠΏΡΠΎ position relative ΠΈ absolute Π² CSS, Π½ΠΎ Π·Π½Π°Π΅ΡΠ΅ Π»ΠΈ Π²Ρ, ΡΡΠΎ Π΅ΡΡΡ Π΅ΡΠ΅ ΡΡΠΈ Π΄ΡΡΠ³ΠΈΠ΅ ΠΏΠΎΠ·ΠΈΡΠΈΠΈ? Π ΡΡΠΎΠΌ Π²ΠΈΠ΄Π΅ΠΎ Ρ ΡΠ°ΡΡΠΊΠ°ΠΆΡ ΠΎΠ±ΠΎ Π²ΡΠ΅Ρ ΠΏΡΡΠΈ ΠΏΠΎΠ·ΠΈΡΠΈΡΡ CSS (static, relative, absolute, fixed ΠΈ sticky), ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Ρ Π²Π°ΠΌ ΠΏΡΠΈΠΌΠ΅ΡΡ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΏΠΎΠ·ΠΈΡΠΈΠΈ ΠΈ ΡΡΠ°Π²Π½ΠΈΠ²Π°Ρ ΠΈΡ Π΄ΡΡΠ³ Ρ Π΄ΡΡΠ³ΠΎΠΌ. ΠΡΠΎ Π²ΠΈΠ΄Π΅ΠΎ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΊΠΎΡΠΎΡΠΊΠΈΠΌ, Π½ΠΎ Π² ΡΡΠΎΠΌ Π²ΠΈΠ΄Π΅ΠΎ Ρ ΡΠ°ΡΡΠΊΠ°Π·ΡΠ²Π°Ρ Π²ΡΠ΅ ΠΎ ΠΊΠ°ΠΆΠ΄ΠΎΠΌ Π·Π½Π°ΡΠ΅Π½ΠΈΠΈ position CSS, ΡΠ°ΠΊ ΡΡΠΎ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ·Π½Π°ΡΡ Π²ΡΠ΅, ΡΡΠΎ Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ. Π ΠΊΠΎΠ½ΡΡ ΡΡΠΎΠ³ΠΎ Π²ΠΈΠ΄Π΅ΠΎ Ρ Π²Π°Ρ Π±ΡΠ΄Π΅Ρ Π³Π»ΡΠ±ΠΎΠΊΠΎΠ΅ ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠΌΠΈ ΠΏΠΎΠ·ΠΈΡΠΈΡΠΌΠΈ CSS, ΡΡΠΎΠ±Ρ Π²Ρ ΠΌΠΎΠ³Π»ΠΈ ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΈΡ Π² ΡΠ²ΠΎΠ΅ΠΌ ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΌ ΠΏΡΠΎΠ΅ΠΊΡΠ΅. ΠΠΎΡ ΠΏΡΠΎΡΠ»ΠΎΠ΅ Π²ΠΈΠ΄ΠΎΠ΅ ΠΏΡΠΎ ΠΌΠ΅ΡΠΎΠ΄Ρ ΠΌΠ°ΡΡΠΈΠ²ΠΎΠ²: Β Β Β β’Β 8Β JSΒ ΠΠ΅ΡΠΎΠ΄ΠΎΠ²Β ΠΠ»ΡΒ ΠΠ°ΡΡΠΈΠ²ΠΎΠ²Β ΠΠΎΡΠΎΡΡΠ΅Β ΠΠΎΠ»...Β Β Π’Π°ΠΉΠΌΠΊΠΎΠ΄Ρ: 00:00 - ΠΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ 00:35 - position: static 00:59 - position: relative 02:02 - position: absolute 03:35 - position: fixed 04:27 - position: sticky -------------------- ΠΠΎΠ΄ΠΏΠΈΡΠΈΡΠ΅ΡΡ Π½Π° ΠΊΠ°Π½Π°Π» ΡΡΠΎΠ±Ρ ΠΏΠΎΠ»ΡΡΠΈΡΡ Π±ΠΎΠ»ΡΡΠ΅ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°: https://bit.ly/3RaLnrO ΠΠ»ΠΎΠ³ Π² ΠΈΠ½ΡΡΠ°Π³ΡΠ°ΠΌ Π³Π΄Π΅ Π±ΡΠ΄Ρ Π΄Π΅Π»ΠΈΡΡΡΡ ΠΆΠΈΠ·Π½ΡΡ: Β Β /Β imron_mirza.Β Β . ΠΠ»ΠΎΠ³ Π½Π° Π°Π½Π³Π»ΠΈΠΉΡΠΊΠΎΠΌ ΠΏΡΠΎ ΡΠ°ΠΌΠΎΡΠ°Π·Π²ΠΈΡΠΈΠ΅: Β Β /Β imrondevΒ Β Π‘Π²ΡΠ·Π°ΡΡΡΡ ΡΠΎ ΠΌΠ½ΠΎΠΉ: https://t.me/imrondev