Restore sticky card stack: stepped top + z-index, fix scroll runway.
Reverts broken is-stuck body hiding and same-top layout from recent fixes. Each layer sticks lower (L0–L6); higher z covers previous card on scroll. Scroll pull was ~2.75rem (page only 1060px) — now 70vh per layer (~4k scroll). Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
+1
-17
@@ -1,4 +1,3 @@
|
||||
/* Overlapping scroll slots — each layer covers the one below via z-index */
|
||||
.scroll-section {
|
||||
height: var(--stack-slot);
|
||||
position: relative;
|
||||
@@ -10,7 +9,7 @@
|
||||
|
||||
.scroll-section--final {
|
||||
height: var(--stack-slot-last);
|
||||
min-height: 260px;
|
||||
min-height: 280px;
|
||||
}
|
||||
|
||||
.stack-stop,
|
||||
@@ -18,18 +17,3 @@
|
||||
height: 2rem;
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
|
||||
/* Body visible only when card is stuck on the stack — next card covers previous */
|
||||
.scroll-section:not(.is-stuck) .body,
|
||||
.scroll-section:not(.is-stuck) .layer-inner,
|
||||
.scroll-section:not(.is-stuck) .frame-body,
|
||||
.scroll-section:not(.is-stuck) .unit-body {
|
||||
visibility: hidden;
|
||||
min-height: 0;
|
||||
height: 0;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user