javascript Cacher Ancre dans les liens

Posted 2021-05-03

Ajouter ce code avant de refermer ta balise body.

JS Vanilla

<script>
NodeList.prototype.forEach = Array.prototype.forEach;
 
var removeAnchors = function(event) {
    var href = event.target.getAttribute('href'),
        target = document.querySelector(href);
     
    window.scrollTo(0, target.offsetTop);
     
    event.preventDefault();
};
 
var links = document.querySelectorAll('a[href^="#"]');
 
links.forEach(function(link) {
    link.addEventListener('click', removeAnchors);
});
</script>

jQuery avec animation

<script>
$(function(){
    $('a[href^="#"]').on('click', function(event) {
        var $target = $($(this).attr('href'));
 
        $('html, body').animate({
            scrolltop: $target.offset().top
        }, 400);
 
        event.preventDefault();
    });
});
</script>