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)
Beispiel 1:
#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