Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

    jquery animazione marginBottom

    Ecco il mio script:

    CSS
    codice HTML:
    .box-alert {
    position:absolute;
    z-index: 99999;top:96%; left: 5%;
    }
    JS
    codice:
    $(".box-alert").
    html(content).
    addClass(classe).
    animate({marginBottom: "-=10%", opacity:"1"}, "slow");
    perche opacity funziona e marginBottom no?

  2. #2
    Utente di HTML.it L'avatar di m4rko80
    Registrato dal
    Aug 2008
    residenza
    Milano
    Messaggi
    2,655
    Ciao, presumo sia sbagliato quel "-=10%" al posto di un "-10%" o "10%", se lo provi da console quel -= non viene settato.

  3. #3
    Grazie per la risposta ma già avevo pensato a questo e nulla non va.

  4. #4
    Utente di HTML.it L'avatar di m4rko80
    Registrato dal
    Aug 2008
    residenza
    Milano
    Messaggi
    2,655
    Sei sicuro che non funzioni? Se provi questo dalla console in questa stessa pagina
    codice:
    $('.username').animate({"marginTop":"200px"},'slow')
    e poi guardi da inspector vedrai che le regole css sono state applicate. Potrebbe essere che l'effetto desiderato non si veda semplicemente per una questione di struttura html/css elementi vari.
    Se usi invece
    codice:
    $('.username').animate({"margin":"200px"},'slow')
    vedi l'effetto perchè è una proprietà differente

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.