bachir/drupal-mathallo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

first scroll effect with gsap scrollsmoother

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2025-12-10 21:59:14 +01:00
parent 8a4330894d
commit 367d8b21e9
8 changed files with 92 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
web_main/themes/custom/mathallo/assets/scss/main.scss
View File

@@ -14,22 +14,28 @@ body{
}
div.layout-container{
display: flex;
flex-direction: column;
height: 100vh;
overflow: hidden;
// display: flex;
// flex-direction: column;
// height: 100vh;
// overflow: hidden;
header[role="banner"]{
padding: 0.5em;
flex: 0 1 content;
// flex: 0 1 content;
z-index: 100;
position: fixed;
top:0;
width: 100vw;
}
main[role="main"]{
flex: 1 1 auto;
// flex: 1 1 auto;
overflow-y: scroll;
}
footer[role="contentinfo"]{
flex: 0 1 content;
// flex: 0 1 content;
z-index: 100;
position: fixed;
bottom: 0;
width: 100vw;
}
}
@@ -80,7 +86,7 @@ header[role="banner"]{
} // end of header[role="banner"]{
main[role="main"]{
>div.layout-content{
div.layout-content{
padding:5em 0;
article{
background-color: #fff;