Фиксированный скролл сайдбара

Как сделать фиксированный скролл сайдбара по аналогии с тем, как это сделано на vistaprint?

Их сайдбар фиксируется довольно специфичным образом, но очень удобно. Когда крутишь вниз, то сайдбар фиксируется по нижнему краю. Когда начинаешь крутить вверх, то ты прокручиваешь до верхнего края сайдбара(разверните сайдбар так чтобы он был больше высоты окна браузера, чтобы это увидеть). Ну и соответственно есть ограничения на конец и начало страницы. Сайдбар останавливает прокрутку.

Они это делают через css fixed + изменение top позиции постоянное.

В основном у меня возникает проблема с алгоритмом подсчёта позиции, ведь надо считать текущую позицию фиксированного элемента относительного текущей абсолютной позиции.

Пример: https://www.vistaprint.com/business-cards/square/templates?pagesize=96&project_id=ebace5ff-b1ca-4174-b643-bd254581b214&xnav=HSG_Page_96