Un utente ha chiesto informazioni su Sticky Header Effects for Elementor di Wordpress

Mostra menu su Scorri in alto, nascondi lo scorrimento in basso

Un utente ha chiesto 👇

Ciao,

Ho bisogno di aiuto per personalizzare un po ‘il mio menu. Voglio nascondere il menu durante lo scorrimento verso il basso e mostrare / mostrare allo scorrimento verso l’alto. Puoi aiutarmi lo stesso? Grazie per questo fantastico plugin.

Di,
Mohammed F.

Autore del plugin

(@rwattner)

1 anno, 3 mesi fa

Spiacenti, l’opzione “nascondi menu a scorrimento in alto” non è ancora disponibile. Tuttavia, prevediamo di aggiungere questa opzione in futuro.
Vorrei che questa fosse una cosa semplice che potessi scrivere solo del codice per te, ma è troppo complicato per questo. Ancora una volta, mi dispiace di non poter ancora essere d’aiuto, ma spero che presto aggiungeremo questa opzione.
Se c’è qualcos’altro posso aiutarti e sono felice di sapere che ti piace il mio plugin.

Autore del plugin

(@rwattner)

1 anno, 3 mesi fa

@ mohammed2152

Puoi creare un elemento HTML elementare o utilizzare un plug-in per aggiungere questo codice alla tua pagina per ottenere questo effetto. Non sono necessari ulteriori passaggi.

Eccone una dimostrazione al lavoro
http://testing.robertwattner.com/

Ecco un’immagine dell’elemento HTML
http://testing.robertwattner.com/wp-content/uploads/2019/12/code-screenshot-plugin.jpg

<script>
document.addEventListener('DOMContentLoaded', function() {
jQuery(function($){
var mywindow = $(window);
var mypos = mywindow.scrollTop();
mywindow.scroll(function() {
if (mypos > 600) {
if(mywindow.scrollTop() > mypos)
{
$('.she-header').addClass('headerup');
}
else
{
$('.she-header').removeClass('headerup');
}
}
mypos = mywindow.scrollTop();
});
});
});

</script>
<style>
.she-header {
-webkit-transition: transform 0.4s ease, all 0.4s ease !important;
-moz-transition: transform 0.4s ease, all 0.4s ease !important;
-ms-transition: transform 0.4s ease, all 0.4s ease !important;
-o-transition: transform 0.4s ease, all 0.4s ease !important;
transition: transform 0.4s ease, all 0.4s ease !important;
}
.headerup{
transform: translateY(-500px); /*adjust this value to be GREATER NEGATIVE THAN THE HEIGHT OF YOUR HEADER SECTION*/
}
</style>

** Ricordati di regolare “600” in (mypos> 600) su COME PRESENTARE UN PX TOP PER EFFETTUARE UN EFFETTO IN AZIONE

Ho lasciato quella variabile lì per paura che tu possa attivarla dopo l’effetto di restringimento.

Questa risposta è stata modificata 1 anno, 3 mesi fa.

(@vitmap)

1 anno fa

Si prega di sapere quando ci sarà un aggiornamento. Grazie

Autore del plugin

(@rwattner)

1 anno fa

@vitmap Stiamo testando un bug ora, quindi non dovrebbe durare a lungo. Questo aggiornamento ha alcune nuove funzionalità, impostazioni e modifiche, quindi ci vuole più tempo del solito per risolvere tutto.
Ci scusiamo per l’attesa e grazie per la vostra pazienza.

(@ damdo6996)

8 mesi fa

Ciao Robert
puoi farmi sapere se il tuo plugin può aiutarmi a nascondere il mio menu principale sulla mia homepage (il video splash viene mostrato per primo) e mostrare il menu principale su Scroll?
Ho visto che hai fornito javascript e codice CSS al contrario (Mostra menu su scorrimento su, nascondi scorrimento verso il basso).
Grazie mille
Di
Damien

Autore del plugin

(@rwattner)

8 mesi fa

@ damdo6996 Sì, il mio plugin potrebbe essere d’aiuto. Quando è attivato, aggiunge classi CSS alla sezione delle intestazioni per prima e dopo lo scorrimento. Questi selettori possono essere utilizzati per concentrarsi sugli oggetti e definirli in base a ciascun esempio di stato per il tuo caso: visualizzazione dell’attributo CSS.
Quindi fondamentalmente con il mio plugin abilitato puoi usare alcuni semplici CSS personalizzati per mostrare / nascondere tutto ciò che desideri prima e dopo lo scorrimento.
Se hai un link posso aiutarti con la SEC

(@ damdo6996)

7 mesi, 4 settimane fa

Grazie per la tua risposta Robert.
HEre è un collegamento alla home page del mio sito Web in cui desidero che l’intestazione venga visualizzata solo durante lo scorrimento verso il basso dell’utente (dopo aver visto il video).
https://www.groupe-elba.com/

D.

(@ manas81)

7 mesi, 2 settimane fa

Ciao Robert,

Ho provato la soluzione che hai menzionato in questa pagina.

Ho due problemi:
1. scorrendo verso l’alto non si torna all’intestazione originale (trasversale) quando raggiunge questa impostazione (mypos> 600).
2. quando si scorre l’intestazione non si restringe (solo la dimensione del logo)

Qualche idea su questo?

Grazie in anticipo!

(@gsouza)

3 mesi fa

Ciao amici, buon pomeriggio.

Hai una previsione approssimativa per questo ruolo?

Sarebbe molto utile

Questa risposta è stata modificata 3 mesi fa da. Autore del plugin

(@rwattner)

3 mesi fa

@gsouza Questa funzione è già disponibile nell’attuale versione gratuita.

(@mrtank)

2 mesi, 2 settimane fa

Perché non offrirci qualcosa come headroom.js e funzionalità di intestazione più belle?

https://wicky.nillia.ms/headroom.js/

Autore del plugin

(@rwattner)

2 mesi, 2 settimane fa

@mrtank Sto già usando lo stesso javascript per nascondere l’intestazione allo stesso modo. Più un altro js per cambiare altre parti dell’intestazione. Volevo personalizzare così tanto quel codice in modo che funzionasse con ciò che ho già fatto e lavorasse con l’elemento che non valeva la pena fare.
Le uniche caratteristiche che vedo sono l’utilizzo di js per aggiungere classi CSS che hanno attributi predefiniti o attributi di visualizzazione. Ho già aggiunto più opzioni di impostazione, opzioni di offset e opzioni di transizione, colore di sfondo sfumato, ombra inferiore, unità di dimensioni maggiori (px,%, vh, calc ()) per la lunghezza di scorrimento e nascondi la lunghezza dell’intestazione, logo di sostituzione dell’immagine, menu testo. colori e molti altri con la versione beta pro del mio plugin. Spero che esca presto.
Fondamentalmente ho aggiunto più opzioni di quante ne abbiano già e sono progettate specificamente per funzionare con un elemento

(@gsouza)

2 mesi, 2 settimane fa

Ciao buongiorno ragazzi

@rwattner
Puoi dirmi come posso fare due piccoli aggiustamenti?

1 – Per rendere il menu più fluido, sarebbe bello mostrare, nascondere e cambiare il colore con una transizione.
Forse dare un piccolo effetto.
Come posso fare questo?
Sento che il cambio di menu è molto “secco”

2 – Quando fai clic su un’ancora, il menu ti porta alla posizione dell’ancora, ma non appare la dimensione del menu stesso, lasciando spazio non necessario (Questo è quando attiviamo il menu nascosto quando scorri verso il basso)

Mi potete aiutare?

Grazie mille

Autore del plugin

(@rwattner)

2 mesi, 1 settimana fa

@gsouza Ciao, hai un link al sito su cui stai lavorando per caso? Voglio guardare il codice. Grazie

(@gsouza)

2 mesi, 1 settimana fa

Ciao caro.

Si si.
Ecco il link: https://eloxy.barbas.digital/home/

Questo collegamento ti porta a una pagina di prova che stavamo utilizzando.
Pubblicherò un breve video, mostrando alcuni punti, in modo che sia più facile capire i miglioramenti che dobbiamo implementare.

https://www.loom.com/share/390d01c82bdc4af5b949cbd6df3a9416

Guarda come cambia molto rapidamente, senza alcun effetto levigante.
https://prnt.sc/wgecoq
https://prnt.sc/wgecjy

Qui, come puoi vedere, sta uscendo dallo spazio del menu.
https://prnt.sc/wged5u
https://prnt.sc/wgedb6

Sarebbe la cosa giusta da costruire qui.
https://prnt.sc/wgedgu

Grazie mille amico mio

Was this helpful?

0 / 0

Lascia un commento 0

Your email address will not be published. Required fields are marked *