JQuery .animate scrollTop nicht animieren, nur zum gewünschten Speicherort springen

Question

Ich habe eine einzelne Seite Anwendung Website, die ich versuche, ein verankertes Navigationsmenü verwenden, das zu bestimmten Abschnitten der Seite scrollt.

Es funktioniert gut, aber wenn ich auf den Link klicke ... passiert keine Übergangsanimation, es springt einfach zum gewünschten Abschnitt.

$('a').click(function(){ 
$('html, body').animate({ 
    scrollTop: $($(this).attr('href')).offset().top 
}, 700); 
return false; 

});

Dies ist die JQuery, die ich benutze .... was ich ändern/hinzufügen, um es richtig zu überführen.

Answer 1

Dieser Code funktionierte für mich. Warum imitieren oder testen Sie es nicht an Ihrem Ende. Ich nehme an, dass Sie einen Attributfehler in Ihrem HTML haben. Deshalb funktioniert es nicht reibungslos. Ein weiterer Grund ist, Sie haben einen Fehler in JavaScript vor der Klick-Funktion des Tags, die

HTML alle Zeilen unterhalb der Fehlercode deaktiviert

<p id="top">I'm on top</p> 
<a id="test" href="#top">Click me</a> 

JS

$('a').click(function(){ 
    $('html, body').animate({ 
     scrollTop: $($(this).attr('href')).offset().top 
    }, 700); 
    return false; 
}); 

CSS

#test { 
    width: 100px; 
    height: 100px; 
    position: relative; 
    top: 1000px; 
    background: green; 
}