diff --git a/src/pages/index.astro b/src/pages/index.astro index 2c2f431..0ffe31b 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -459,7 +459,14 @@ const canonical = new URL('/', Astro.site); display: grid; min-height: 0; overflow-y: auto; - overscroll-behavior-y: contain; + /* none, not contain: contain only stops the gesture chaining to the document, it + leaves this scroller its own rubber-band. Overscrolling past the top drags the + sticky hero copy and card down with the content — they sit at their flow + position again the moment the scroll offset is above their inset — so the one + composition that is meant to never move is exactly what the bounce moves. This + is the inner scroller only; the document keeps whatever bounce it has, so the + pull-to-refresh gesture on the masthead and footer is untouched. */ + overscroll-behavior-y: none; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch;