Smooth Scroll in Contao 5.5

[thomasr]

Hallo
ist es möglich ein Smooth Scrolling in Contao 5.5 einzubauen?
Das Modul onemarshall/contao-smooth-scroll funktioniert mit Contao 5.5 nicht mehr.
Gibt es eine Alternative?

[Spooky]

Das ist ja bloß ein JavaScript, das solltest du dir ja sehr einfach selbst einbauen können.

[thomasr]

OK, habe dieses Script im Seiten-Layout unter Eigener JavaScript-Code eingebaut.

jQuery ist geladen laden. Funktioniert leider nicht ...

<script type="text/javascript">

var $ = jQuery.noConflict();
$('a[href^=#]').on('click', function(e){
    var href = $(this).attr('href');
    $('html, body').animate({
        scrollTop:$(href).offset().top
    },2000);
    e.preventDefault();
});

</script>

[Spooky]

Ich meinte das JavaScript aus der von dir geposteten Erweiterung. Diese Erweiterung bindet folgendes JavaScript ein: https://github.com/gblazex/smoothscroll-for-websites

[mlweb]

Smooth Scroll geht ja inzwischen auch vollkommen ohne Javascript https://www.mediaevent.de/css/scroll-behavior.html

[thomasr]

Habs mit Lenis.js ins Seitenlayout unter Eigener JavaScript-Code eingebaut und es funktioniert :-)

<script src="https://cdn.jsdelivr.net/npm/@studio-freight/lenis@1.0.24/bundled/lenis.min.js"></script>
<script>
  const lenis = new Lenis({
    duration: 1.2,
    easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t))
  });

  function raf(time) {
    lenis.raf(time);
    requestAnimationFrame(raf);
  }

  requestAnimationFrame(raf);
</script>

Dauer (duration) einstellen: je höher, desto weicher

easing gibt das Scroll-Verhalten an