lien anchor reste sous header au click

2022-01-28 14:47:26 +01:00
parent 88f5392027
commit 7ee8e2a9fd
1 changed files with 17 additions and 9 deletions
@@ -135,15 +135,23 @@ jQuery(function($) {


 // /////////////////
-//// ancre dans texte
-// document.querySelector('.paragraph--view-mode--textes-toc').click( function() {
-//   var page = this.attr('href'); 
-//   var speed = 750; // gérer la vitesse de défliement
-      
-//       // Ici on retranche la hauteur du bandeau (201px dans ta feuille de styles)
-// document.querySelector('html, body').animate( { scrollTop: page.offset().top - 500 }, speed );
-//   return false;
-// });
+//// ancre dans texte au click parragraphe correspondant arrive en dessous du header 
+
+
+(function($, window) {
+  var adjustAnchor = function() {
+      var $anchor = $('.block-entity-fieldnodefield-textes'),
+              fixedElementHeight = 350;
+      if ($anchor.length > 0) {
+          $('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight}, 250);
+      }
+  };
+
+  $(window).on('hashchange load', function() {
+      adjustAnchor();
+  });
+
+})(jQuery, window);


 // ///////////////////////////////