Comments 32
За sticky аплодирую стоя! Теперь еще одна фича делается без js.
Жаль только, что хром пока не собирается его поддерживать)
Есть polyfill:
- fixed-sticky by the Filament Group (requires jQuery)
- position–sticky- by Matthew Phillips (Uses Modernizr for detection)
- position: sticky, part of Philip Walton’s Polyfill.js library
- position: sticky CodePen demo by Fabrice Weinberg (requires jQuery)
- Stickyfill by Oleg Korsunsky (IE9+)
Почему-то, ни один из них не отрабатывает ситуацию, когда у окна браузера появляется горизонтальный скролл (на демках хорошо видно несуразность, достаточно сузить окно по горизонтали). Все сильно по-разному, когда динамически меняется ширина контейнера. Ужас с позиционированием на мобильных девайсах.
увы
Или полноценная реализация полифилла для position: sticky это какой-то прямо вызов — найдется кто смелый? :)увидел ссылки фиолетовыми.
Ну, строго говоря, Хром-то его поддерживает прекрасно (именно в Хроме поддержка position: sticky и появилась в первую очередь, хоть и была спрятана за флагом). Начиная с 37й версии (судя по caniuse), его поддержку временно убрали, сославшись на сырость спецификации.
code.google.com/p/chromium/issues/detail?id=231752
code.google.com/p/chromium/issues/detail?id=231752
Первый пример с липким блоком, у меня не работает в Chrome 40 и Safari 8
Mozilla FireFox 35 — флагман в этом деле.
Mozilla FireFox 35 — флагман в этом деле.
UFO just landed and posted this here
Вопрос по счетчику(кам) (counter), сколько их может быть на странице?
Wargaming узнал о существовании CSS.
Мне кажется, опрос в конце не совсем корректный:
Я, например, знал все, что в этой статье описано, но мне подборка понравилась =)
В конце концов, повторение — мать учения.
Я, например, знал все, что в этой статье описано, но мне подборка понравилась =)
В конце концов, повторение — мать учения.
UFO just landed and posted this here
А почему CSS счетчики бесполезны в реальных проектах?
Очень удобно стилизовать циферки в OL списках. Например так: github.com/very-good/css-code-style/blob/master/hints.md
Очень удобно стилизовать циферки в OL списках. Например так: github.com/very-good/css-code-style/blob/master/hints.md
Спасибо, про counter не знал. Почему-то очень напомнило реализацию счетчиков в TeX
UFO just landed and posted this here
За currentColor — огромное спасибо, этого свойства реально не хватало порой
Спасибо! Всё знал, но с currentColor ещё не сталкивался.
Sign up to leave a comment.
Подборка интересных CSS-рецептов «Голые пятницы #4»