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 type="rocketlazyloadscript" data-rocket-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>
				
			

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.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.

Ähnliche Artikel

Elementor Snippets

Hier eine kleine Übersicht über Code Snippets die euch das Arbeiten mit Elementor erleichtern. Zum Einfügen der Codes am besten das Plugin „Code Snippets“ benutzen: