Improve navigation scrolling to show full content
- Adjusted IntersectionObserver threshold to 0.7 for better section detection - Added scroll-padding-top to scroll_container to account for header - Added scroll-margin-top to scroll_section for better snap alignment - Updated navigation click handler to scroll with header height offset - Ensures sections are fully visible when navigating
This commit is contained in:
@@ -67,6 +67,7 @@ footer > div > p {
|
||||
.scroll_container {
|
||||
overflow-y: auto;
|
||||
scroll-snap-type: y mandatory;
|
||||
scroll-padding-top: 100px;
|
||||
}
|
||||
|
||||
.scroll_section {
|
||||
@@ -75,6 +76,7 @@ footer > div > p {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
scroll-margin-top: 100px;
|
||||
}
|
||||
|
||||
.scroll_section > h1 {
|
||||
|
||||
Reference in New Issue
Block a user