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?
Druckbare Version
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?
Das ist ja bloß ein JavaScript, das solltest du dir ja sehr einfach selbst einbauen können.
OK, habe dieses Script im Seiten-Layout unter Eigener JavaScript-Code eingebaut.
jQuery ist geladen laden. Funktioniert leider nicht ...
Code:<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>
Ich meinte das JavaScript aus der von dir geposteten Erweiterung. Diese Erweiterung bindet folgendes JavaScript ein: https://github.com/gblazex/smoothscroll-for-websites
Smooth Scroll geht ja inzwischen auch vollkommen ohne Javascript https://www.mediaevent.de/css/scroll-behavior.html
Habs mit Lenis.js ins Seitenlayout unter Eigener JavaScript-Code eingebaut und es funktioniert :-)
Dauer (duration) einstellen: je höher, desto weicherCode:<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>
easing gibt das Scroll-Verhalten an