Modal Dialog con jQuery

Modal Dialog con jQuery

Codice della Lezione: Modal Dialog con jQuery

//inizializzazione jQuery $(document).ready(function(){ $("#button1").on('click',function(){ $('.my-modal').addClass('my-show'); }); $(".my-close").click(function(){ $('.my-modal').removeClass('my-show'); }); // Esaminare la stringa e restituire un numero intero let top = parseInt($('.md-modal').css('top')); //seleziona la finestra del broser e con l'evento scroll abilita la funzione $(window).scroll(function(){ //crea la variabile che sull'elemento finestra che indica la posizione verticale corrente + 100px let corrente = $(this).scrollTop()+100; // seleziona l'elemento a cui destinare la variabile corrente sottoforma di css (all'istruzione top) $('.my-modal').css('top',corrente) }); });

Scritto da Donato Pirolo

Ciao, sono Donato, frontend developer con una smisurata passione per la SEO. Creo strumenti ad hoc per aiutare aziende e professionisti ad essere cercati sul web e trovare clienti.

Potrebbero interessarti

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Copyright © 2022
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram