2015-04-01 3 views

risposta

3

Se si riscontra il problema che la prima posizione della modale non corrisponde alle proprie esigenze, provare ad aggiungere quanto segue al proprio css.

.reveal-modal-bg { 
     position: fixed; 
    } 
    .reveal-modal { 
     top: 150px !important; 
    } 

Questo renderà shure che il modale e lo sfondo modali sono sempre in primo piano - e non da qualche parte fuori della finestra.

Il fatto è che, come penso, si rivela posizionarsi sotto la posizione che si è fatto clic con il mouse. Quindi, se apri la modal con un clic su un link nella parte inferiore della pagina, apre Npx sotto il punto su cui hai fatto clic. Ciò ha causato la scomparsa del mio modal a cinda del viewport. Ma l'ho risolto con il codice css che ho postato sopra.

Spero che ti aiuti.


Ora alla domanda originale. Se vuoi modificare il javascript della modal di rivelazione, dovrai includere i singoli file js di base - cosa significa non lo foundation/js/foundation.min.js ma i singoli file necessari nel tuo progetto - es. foundation/js/foundation/foundation.js e foundation/js/foundation/foundation.reveal.js. Quindi puoi apportare le modifiche nel file foundation/js/foundation/foundation.reveal.js. Penso che si sta cercando il metodo show, che inizia a Linea 300.


Spero che questo aiuti, buona fortuna! :)

1

È possibile modificare la variabile Sass:

$reveal-position-top: rem-calc(100); 

il valore predefinito è 100 (modale si apre 100px dalla parte superiore dello schermo).