Elementor „Smooth Scroll“ deaktivieren für Blocksy

Teilen auf:

Share on facebook
Facebook
Share on linkedin
LinkedIn
Share on email
Email

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>
				
			
Ähnliche Artikel

WooCommerce Text vor Produkt Anzahl

Mit diesen Snippet könnt ihr vor eure Produkt Anzahl einen Text einbauen add_action(‚woocommerce_before_add_to_cart_quantity‘, ‚wc_text_after_quantity‘); function wc_text_after_quantity() { if ( is_product() && has_term( ‚Gutscheine‘, ‚product_cat‘ )

Schreibe einen Kommentar