3083 читали · 6 лет назад
CSS: позиционирование fixed sticky
Ранее мы рассмотрели "классические" виды позиционирования, которые часто применяются в верстке и являются очень надежными и распространенными. Тут я рассмотрю менее популярные и чуть менее надежные способы. Под менее надежными я имею в ввиду, что эти методы хуже поддерживаются браузерами, и они имеют особенности в работе на мобильном. Используя их нужно обращать особое внимание на кросс-браузерность. Fixed Позиционирование относительно видимой области экрана. Его часто применяют для того, чтобы...
1 год назад
Полоса прогресса чтения странницы. JS + CSS или...
Привет друг ! В этой статье попробуем разобраться каким образом мы можем создать элемент, который будет показывать прогресс (скролл) прочтения станицы 🤔. И так - поехали !🛼 export const App = () => { return ( <div> <p>bla-bla</p> </div> ) }; Не гоже в ручную копипастить тег <p>, доверимся всецело JS. const paragraphs = Array.from({ length: 50 }, (_, index) => ( <p key={index}>bla - bla {index + 1}</p> )); В разметке добавим еще один div (в будущем наша полосочка), над переменной paragraphs...