dissolvenza degli elementi in vista e dissolvenza quando non è visibile: javascript, jquery, css, html5, dissolvenza

Sono totalmente nuovo in JavaScript, quindi non lo sonulla al riguardo. Quello che voglio è sfumare gli elementi che sono in vista (al centro) e sfumarli. Quando sono fuori vista, voglio che svaniscano di nuovo.

per esempio: Quindi all'inizio non vedi nulla. Ma se inizi a scorrere, il blocco di testo 1 si dissolve. Quando scorri oltre questo blocco, il blocco di testo 2 si dissolve sotto il blocco di testo 1. mentre il blocco di testo 2 sta svanendo, il blocco di testo 1 sta svanendo. scorrendo ulteriormente, il blocco di testo 1 è completamente invisibile, il blocco di testo 2 inizia a sbiadire e il blocco di testo 3 inizia a sbiadire sotto il blocco di testo 2.

risposte:

ehi, dovresti esaminare questo API JQuery.

Fondamentalmente assegnerai una sorta di funzione aun elemento (ovvero: div) nel tuo mark-up (HTML). Che quando si presenta in una sorta di vista dell'area della pagina, si chiama la funzione di dissolvenza dalla libreria JQuery.

L'implementazione della tua funzione dipende dalla tua pagina web e da come è impostata.

jQuery è ciò che probabilmente vorresti usare per questo caso, per favore pubblica il tuo codice in modo che le persone possano aiutarti meglio, ma per un'ipotesi selvaggia sembrerebbe qualcosa del genere:

$("#txtblk1").fadeIn("slow", function() {
//A function called after fadein is complete
});

La spiegazione principale può essere trovata sul sito Web dell'API jQuery come detto sopra.