I have a
tab with a scrolling list of items. The
page-content to allow for scrolling.
But I want to fix a block of content at the top of the viewport, so I have a second
page-content div child for the scrolling content. This allows the fixed block to remain at the top of the viewport, not scrolled.
That is, until I reach the end of the scrollable content. The fixed block then scrolls out of view.
Is there a better way to fix content (make static) within
page-content so all content scrolls underneath it, and it remains where it is?
To better illustrate the problem, here is a JS Fiddle: https://jsfiddle.net/kerrydp/ku7cLmvw/15/