Хочу рассказать о своей npm‑библиотеке — это мой второй и самый сложный npm‑проект на момент написания статьи. Глубоко в код погружаться не буду — поделюсь историей создания и мотивацией.
Рубрика «scroll»
История npm‑библиотеки morphing‑scroll
2026-09-21 в 11:28, admin, рубрики: Carousel, lazyload, React, scroll, scrollbar, slider, virtualizationОбнаружение изменения положения DOM элемента с помощью IntersectionObserver
2025-04-10 в 20:55, admin, рубрики: intersectionobserver, Observer, position, resize, scrollПишем свою стратегию для виртуального скролла из Angular CDK
2020-01-16 в 7:49, admin, рубрики: angular, cdk, infinite scrolling, javascript, scroll, scrolling, TypeScript, virtual scroll, Блог компании Tinkoff.ru, Разработка веб-сайтовПривет!
В Angular CDK в седьмой версии появился виртуальный скролл.
Он отлично работает, когда размер каждого элемента одинаков, — причем прямо «из коробки». Мы просто задаем размер в пикселях и указываем, к какому элементу нужно прокрутить контейнер, сделать ли это плавно, а также можем подписаться на индекс текущего элемента. Однако что делать, если размер элементов меняется? Для этого в CDK предусмотрен интерфейс VirtualScrollStrategy, реализовав который мы научим скролл работать с нашим списком.
В моем случае требовалось сделать календарь для мобильного представления, который можно прокручивать непрерывно, а количество недель в месяце всегда разное. Попробуем разобраться, что представляет собой стратегия виртуального скролла и напишем свою.
Пользовательская адаптивная прокрутка на jQuery
2012-12-27 в 12:37, admin, рубрики: html, javascript, jquery, jquery plugins, scroll, scrollbar, scrolling, метки: javascript, jquery, jquery plugins, scroll, scrollbar, scrolling Всем привет!
В сети огромное количество плагинов для стилизации бегунка (скролла) прокрутки контента.
Все они имеют минусы, порой весьма серьёзные минусы. Поэтому использование кастомных скроллов в больших и сложных проектов сводиться на нет.
За свое ничтожное время работы front-end разработчиком я перепробовал огромное количество плагинов и потратил кучу времени и нервов поиске/написании костылей для них.
Решение было одно, написать свой настоящий плагин.
И, кажется, у меня получилось!
Читать полностью »
Кроссбаузерный скроллинг
2012-07-09 в 4:59, admin, рубрики: javascript, parallax, scroll, touch, Веб-разработка, Мобильный веб, метки: javascript, parallax, scroll, touchНа сегодняшний день эффекты при скроллинге набрали достаточно большую популярность (так называемый параллакс). Но, к сожалению, эти эффекты нейтивно не поддерживаются мобильными устройствами. Не так давно Mark Dalgleish предложил свой вариант решения этой проблемы:
Улучшаем «бесконечный скроллинг»
2012-05-10 в 10:46, admin, рубрики: css, html5, javascript, scroll, Юзабилити в IT, метки: css, html5, javascript, scrollВ 2011 году очень модно было (по-моему, эта мода пошла от Фейсбука) делать у себя на сайтах «бесконечный скроллинг»: это когда пользователь крутит-крутит колесом мыши, и всё новые результаты поиска подгружаются Аяксом внизу страницы, превращая обычный скроллинг в бесконечный и вызывая у столкнувшегося с этим в первый раз пользователя «когнитивный диссонанс».
Также недавно я видел на этом сайте статью, в которой автор выражал своё недовольство «бесконечным скроллингом» и призывал использовать старую добрую «паджинацию».
Читать полностью »