sticky anchor menu page static

web/themes/custom/eql/scss/pages/_static.scss

@@ -1,5 +1,6 @@
 .path-node.page-node-type-static{
     .layout-container{
+        overflow: unset;
         // display: flex;
         // flex-direction: column;
         // flex-flow: row wrap;
@@ -9,6 +10,7 @@
         // main{
         //     flex: 0 0 100%;
             .layout-content{
+               
                 // padding-top: 0;
                 .layout__region--top{               //bandeau titre page static
 
@@ -39,14 +41,16 @@
                 
                     // }
                 }
-                
+
+                // menu ancres a gauche
                 .layout__region--first{             // menu ancres a gauche
                     position: relative;
                     .block-region-first{
-                       display: flex;
-                       justify-content: flex-end;
-                       position: sticky;
-                       top: 7rem;
+                        display: flex;
+                        justify-content: flex-end;
+                        position: -webkit-sticky;
+                        position: sticky;
+                        top: 9rem;
                        @media (max-width: 810px){
                            display: none;
                        }
@@ -65,6 +69,7 @@
                                 padding-bottom: 0.8rem;
                                 padding-right: 1rem;
                                 margin-top: 1rem;
+                                scroll-margin-top: 7em;
                 
                                 &:hover{
                                     text-decoration: underline;
@@ -74,12 +79,14 @@
 
                     }
                 }
-                
-                .layout__region--second{        // paragraphe texte
+
+                // paragraphe texte
+                .layout__region--second{        
                     @media (max-width: 810px){
                         flex: 0 1 80%;
                         margin: auto;
-                    }        // paragraphe texte
+                    }        
+                    // paragraphe texte
                     .block-entity-fieldnodefield-textes{
                         margin-top: 1rem;
                         background-color: $white;
@@ -109,13 +116,16 @@
                     }
                     
                 }
-                
-                .layout__region--third{     // colone de droite fichiers et ressources liées
+                // colone de droite fichiers et ressources liées
+                .layout__region--third{     
                     .block-region-third{
                         margin-top: 1rem;
                         display: flex;
                         flex-direction: column;
-                        width: 70%; 
+                        width: 70%;
+                        // position: -webkit-sticky;
+                        // position: sticky;
+                        // top: 11rem; 
                         @media (max-width: 810px){
                             margin: auto;
                         }