Elementor “Smooth Scroll” deaktivieren für Blocksy

Wenn du das Blocksy Theme mit Elementor nutzt, und du im Menü “Anker” links verwendest, kommt es zu einem seltsamen Verhalten. Die Seite scrollt runter und springt (Firefox), oder das Scrollverhalten wird erst nach 2 Sekunden ausgelöst (Chrome).

Das liegt daran das Blocksy und Elementor beide “Smooth Scroll” eingebaut haben. Leider kann man dies in Elementor nicht direkt deaktivieren, weil das Blocksy Smooth Scroll mittels CSS kommt, und schneller geladen wird.

Zum Glück kann man dieses aber mittels Code deaktivieren.

<script  data-wpmeteor-after="REORDER" type="javascript/blocked" data-wpmeteor-type="text/javascript" >/* https://github.com/elementor/elementor/issues/4227#issuecomment-723002739 */
function change_elementor_options() {
	if ( typeof elementorFrontend === 'undefined' ) {
		return;
	}
	elementorFrontend.on( 'components:init', function() {
		elementorFrontend.utils.anchors.setSettings( 'selectors.targets', '.dummy-selector' );
	});
};
	function onLoadedDOM() {
		jQuery( window ).on( 'elementor/frontend/init', change_elementor_options );

	}
	document.addEventListener("DOMContentLoaded", onLoadedDOM)</script>
Bild eines Logos von Discord

Hinterlassen Sie den ersten Kommentar

*Affiliatelinks/Werbelinks
Die mit Sternchen (*) gekennzeichneten Links sind sogenannte Affiliate-Links.
Wenn du auf so einen Affiliate-Link klickst und über diesen Link einkaufst, bekomme ich von dem betreffenden Online-Shop oder Anbieter eine Provision.
Für dich verändert sich der Preis nicht.