I am having a problem with a seemingly simple series of slides that use 'position: sticky;' CSS.
You can view the page online here https://contentaware.surf/sticky3/keikimogradient.html
On my version of Chrome (86.0.4240.198 for Mac) the slides disappear before I am able to reach the bottom (after the slide "A FINAL POSTING AND A FINAL RESTING PLACE OF SORTS." everything turns black and no further slides are visible - it doesn't seem to render anything after that point).
This bug only seems to occur when viewing through Chrome in full-screen mode - when the browser window is resized the scrolling and sticky effect works as expected. The sticky position also works fine on Safari and Firefox irrespective of screen size. Through a process of trial and error the CSS elements that seem to be affecting things are the linear-gradient background and the border (when these are quoted out the page works fine) - however, I would ideally like to use these if possible.
(Here is a version of the page with the linear-gradient bg and border removed: https://contentaware.surf/sticky3/keikimogradientinline.html)
I've tried all logical fixes, if you've encountered this problem before and are able to help please get in touch!
Also if you have a javascript alternative to position: sticky I would also be open to that.