Entfernen Sie Anker-Links von der URL mit Smooth-Scroll

Question

Neu zu StackOverflow hier, so lassen Sie mich bitte wissen, wenn es etwas gibt, was ich tun muss.

Ich benutze Cferdinanadi Smooth-Scroll-Plugin auf meiner Website (https://github.com/cferdinandi/smooth-scroll), aber ich möchte die Anker Links in meiner URL loswerden, sobald ich auf einen Link klicke. Wenn ich jetzt auf einen Link klicke, wird meine URL (www.mysite.com/#anchor), aber ich möchte, dass sie bleibt (www.mysite.com)

Ganz unten in der bereitgestellten Dokumentation (https://github.com/cferdinandi/smooth-scroll), habe ich die Hilfsfunktion gefunden, die diese Ankerlinks von der URL entfernen soll, aber ich bin mir nicht sicher, wo ich den Code einfügen soll, damit er funktioniert.

Kann mir jemand helfen? Hier ist der Code zur Verfügung gestellt, die es beheben sollte:

var scroll = new SmoothScroll(); 

var smoothScrollWithoutHash = function (selector, settings) { 
    /** 
    * If smooth scroll element clicked, animate scroll 
    */ 
    var clickHandler = function (event) { 
     var toggle = event.target.closest(selector); 
     console.log(toggle); 
     if (!toggle || toggle.tagName.toLowerCase() !== 'a') return; 
     console.log(toggle.hash); 
     var anchor = document.querySelector(toggle.hash); 
     if (!anchor) return; 

     event.preventDefault(); // Prevent default click event 
     scroll.animateScroll(anchor, toggle, settings || {}); // Animate scroll 
    }; 

    window.addEventListener('click', clickHandler, false); 
}; 

// Run our function 
smoothScrollWithoutHash('a[href*="#"]'); 

Answer 1

Okay, ich endete nur mit einem Workaround.

Für jemand anderes versucht, dies herauszufinden, fügen Sie einfach:

$(window).on('hashchange', function(e){ 
    history.replaceState ("", document.title, e.originalEvent.oldURL); 
}); 

an der Unterseite der JS-Datei.