How to make fixed sidebar scrolling content?

Question

css

There is a layout: header, sidebar, content block, and footer.
We need a fixed sidebar, and a scrolling block for content, and the sidebar becomes fixed only after scrolling the header, and the footer appears only after the entire block with content scrolls to the end.
Hope I explained clearly. Is it feasible?
And yes, it is desirable that it all work in bootstrap.
UPD: on the Toaster, such a layout is in fact.

Answer 1

Try one of the sticky plugins. For example, jquery.pin

Answer 2

https://getbootstrap.com/javascript/#affix