tg-me.com/webdesignbasics/2918
Last Update:
про обтекание это
сделано оно самым базовым свойством css float. единственная проблема что свойство это работает только с элементами в общем потоке контента (друг за другом, сверху вниз), то есть в position: static. а если элемент в статике, то его нельзя просто закрепить в шапке при скролле. для этого используют position: sticky, что вырывает содержимое из общего потока и обтекание не будет с ним работать, так как просто не будет видеть, что там что-то есть
поэтому тут сделали скрипт, который при скролле постоянно высчитывает отступ сверху от начала страницы (на видео расчеты краснеют при скролле). но этот скрипт не очень плавный. поэтому сами слова названия находятся все таки в position: sticky, но под ними невидимые блоки с float (left и right) для который и высчитывается скриптом отступ и именно их обтекает текст
вот так вот. не уверен, что все из вас поняли. но это я больше для себя
BY основы веб-дизайна
Share with your friend now:
tg-me.com/webdesignbasics/2918