Kann das scroll-behaviour mit Smooth Scrolling zusammen verwendet werden?
Ja, aber es könnte zu unerwünschtem Scrollverhalten führen. Der Browser führt zunächst das scroll-behaviour aus und verzögert dann das Ausführen von wScrollSmoothToTarget. Um das scroll-behaviour zu umgehen, gibt es zwei Möglichkeiten:
- Via CSS die scroll-behaviour deaktivieren (Beispiel 1)
- Das onclick-Event für die a-Tags abfangen und individuell weiterleiten (Beispiel 2)
#navigationMain a[href^=#] {
@at-root html {scroll-behaviour : unset !important;}
}
Beispiel 2:
jQuery("#navigationMain a[href^='#']").click(function(event){
event.preventDefault();
event.stopPropagation();
wScrollSmoothToTarget(jQuery(this));
});
Mehr dazu in folgendem Artikel: Smooth Scrolling per CSS-Only generell aktivieren