Un utente ha chiesto
Categoria: Astra di WordPress
Domanda: Navigazione pagina (ancora/ID)

Per cominciare, non sono uno sviluppatore, pensami come una persona inesperta che ama i puzzle.

Ho raggiunto un punto un po’ confuso, cercando di inserirmi nella navigazione della pagina. Niente di speciale, solo un collegamento alle ancore. Il problema è mettere le ancore. Soprattutto quando si tratta di controllare dove scatta il salto.

Idealmente, sarei in grado di assegnare identificatori alle sezioni. Ma in Astra, usando Gutenberg, questi sembrano già essere attribuiti. È interessante notare che possono cambiare in base alle modifiche alla pagina.

Questo mi lascia con un enigma. Ho dimenticato qualcosa? Suggerimenti sarebbero i benvenuti.

  • (@brainstormteam)

    Hey,

    Ecco come funziona per Ultimate Addons per Gutenberg – Blocco di sezione. Potresti considerare di aggiungere una classe extra alla sezione e di scorrere usando jQuery.

    Puoi aggiungere una classe da qui – http://bsf.io/j3uy-

    E aggiungi il codice qui sotto al tuo file functions.php dal tema.

    Il codice seguente funzionerà quando raggiungi l’URL con il valore hash come nome della classe – Es: https: //votre_url.com#ma-section

    add_action( 'wp_footer', function() {
    	?>
    	<script type="text/javascript">
    		jQuery( document ).ready( function() {
    			var hash = window.location.hash;
    			if ( '' != hash ) {
    				hash = hash.replace( '#', '' );
    				var $container = jQuery("html,body");
    				var $scrollTo = jQuery('.' + hash);
    
    				$container.animate({scrollTop: $scrollTo.offset().top - $container.offset().top + $container.scrollTop(), scrollLeft: 0},300);
    			}
    		} );
    	</script>
    	<?php
    } );

    Spero che questo chiarisca i tuoi dubbi.

    Saluti,
    Vrunda Kansara

Hai risolto il tuo problema?

0 / 0

Lascia un commento 0

Il tuo indirizzo email non sarà pubblicato. Required fields are marked *