Un utente ha chiesto informazioni su Elementor Website Builder di Wordpress

Sezione 100vh e poi una sezione in cima a quella

Un utente ha chiesto 👇

forse il titolo è confuso e mi dispiace per questo. ma farò del mio meglio per descrivere il problema di fronte a me che mi dà fastidio. si noti inoltre che non sono vicino a un proff in wordpress o più funzionalità sul piano hobby.

il sito che voglio creare è un sito a schermo intero di 1 pagina. spero che tu capisca cosa intendo con questo https://imgur.com/a/48ewR9H

Il mio problema è che ho una sezione che è 100VH con un’immagine BG. poi ho una nuova sezione in cima a quella dove posso costruire la mia intestazione come mostrato nelle immagini dei link i.

Posso fare una parte che è 100VH con il mio BG, quindi cadere nella parte interna e rendere lo sfondo di quel 50% nero e poi cadere nella mia barra di navigazione. ma quando introduco una nuova divisione interna e poi per continuare ad aggiungere, la nuova parte interna ha ereditato il 50% di nero. e dovrebbe solo essere trasceso.

tutto quello che posso fare è creare una sezione 100VH con un’immagine BG. quindi crea un nuovo elemento sopra quello, che contiene il mio menu di navigazione e quindi impostalo su z-index 1 e poi vai da imposta la mia parte con l’immagine BG a -66. quindi la sezione BG è dietro la parte con il mio menu di navigazione. ma poi quando continuo a creare nuove sezioni che dovrebbero essere una nuova sezione a schermo intero quando scorri verso il basso o fai clic su un collegamento di ancoraggio, tutto ciò causa un offset del primo -66 dalla sezione BG.

il che significa che quando rilascio il nuovo interno ha lo stesso colore al 50% https://imgur.com/a/PAcy6Zk

margine -66 https://imgur.com/a/Jy9tbgn

quindi quello che sto cercando è qualcosa del genere: crea una sezione 100VH che è “tela di base” e poi posso iniziare ad aggiungere divisioni a quella.

spero che qualcuno capisca il mio post molto confuso qui e mi scusi per la cattiva spiegazione

Questo argomento è stato modificato 2 anni, 3 mesi fa da.

(@ pingram3541)

2 anni, 3 mesi fa

Mi imbatto spesso in questo e purtroppo non ho trovato un metodo migliore, anche se credo che il modo più efficace per agganciarsi all’evento di scorrimento sia tramite javascript.

La domanda riguarda il margine negativo sul titolo trasparente. Se la tua intestazione non risiede nei primi 100 vh, devi utilizzare un margine negativo che influisca sull’offset scorrimento per ancoraggio.

L’unico modo in cui ho superato questo problema è che invece di collegarmi alla parte, mi collego a un elemento nella parte.

Ad esempio, supponiamo che la mia intestazione di altezza sia 100px con un margine inferiore di -100px per creare l’effetto trasparente e quando ancoraggio su una pergamena alla 2a sezione sottostante, sarà a 100px di distanza dal target previsto. Ma se ancoraggio l’ID della colonna interna con il pad superiore di 100px nella parte, ottengo l’effetto desiderato quando finisco di 100px dalla colonna posizionando la parte perfettamente nella parte superiore della finestra del browser.

Sfortunatamente, questo può essere difficile per alcuni progetti in cui quella spaziatura interna di 100 px aggiunge il risultato desiderato. Puoi anche giocare con altri elementi di ancoraggio o persino utilizzare il widget di ancoraggio che fornisce una posizione di ancoraggio invisibile. Buona fortuna e buona fortuna!

Was this helpful?

0 / 0

Lascia un commento 0

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