css ancre

web/themes/custom/reha/js/reha.js

@@ -194,19 +194,54 @@ jQuery(document).ready(function($){
 //// ancre dans texte au click parragraphe correspondant arrive en dessous du header 
 
 
-// (function($, window) {
-//   var adjustAnchor = function() {
-//       var $anchor = $('.block-region-first'),
-//               fixedElementHeight = 500;
-//       if ($anchor.length > 0) {
-//           $('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);
-//       }
-//   };
 
-//   $(window).on('hashchange', function() {
-//       adjustAnchor();
-//   });
-// });  
+// function adjustAnchor() {
+//   var $anchor = $(window.location.hash); // Select the anchor element based on the hash in the URL
+//   var fixedElementHeight = $('.block-region-first').outerHeight(); // Get the height of the sticky element
+
+//   if ($anchor.length > 0) {
+//     $('html, body').stop().animate({
+//       scrollTop: $anchor.offset().top - fixedElementHeight // Adjust the scroll position to account for the sticky element height
+//     }, 0);
+//   }
+// }
+
+// // Call the function on page load if there's a hash
+// if (window.location.hash) {
+//   adjustAnchor();
+// }
+
+// // Adjust the anchor on hash change
+// $(window).on('hashchange', function() {
+//   adjustAnchor();
+// });
+
+
+
+//////////////////////////////////////////
+// menu ancre paragraphe quand actif
+     
+  jQuery(function($) {
+    // Function to set the active class based on the current path
+    function setActiveLink() {
+        var path = window.location.href;
+        console.log(path);
+        $(".layout__region--first .block-region-first li a").each(function() {
+            if (this.href === path) {
+                $(this).closest('a').addClass('active');
+            }
+        });
+    }
+
+    // Initially set the active link based on the current URL
+    setActiveLink();
+
+    // Update the active link on click
+    $(".layout__region--first .block-region-first li a").on('click', function() {
+        $(".layout__region--first .block-region-first li a").removeClass('active');
+        $(this).addClass('active');
+    });
+  });
 
 
 })(jQuery, window);