Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2008
    Messaggi
    1,316

    Calcolo matematico x spostare elemento fixed durante resize

    Ragazzi creo un elemento con createElement e lo posiziono con il seguente css:
    codice:
    position: fixed;
    z-index:1000;
    top: [x];
    left: [y];
    Solo che quando faccio il resize della pagina l'elemento rimane nella posizione inserita mentre il resto della pagina si riproporziona.

    Come dovrei strutturare il window.onresize?
    Logiqo.org gestionale per perizie infortunistiche.

  2. #2
    Utente di HTML.it
    Registrato dal
    Feb 2011
    Messaggi
    110
    Già provato in percentuale?

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2008
    Messaggi
    1,316
    Scusa non mi sono spiegato:

    http://s12.postimg.org/x5zlrd4m5/xzbhcltmmjkjaafx.png

    Clicco su un bottone della tastiera e mi appaiono altri caratteri accentanti (che ho scopiazzato dalla mia tastiera di windows 10 del mio lumia, ma penso funzioni in maniera simile sugli iphone e samsung).
    Posizioni gli elementi con fixed e quindi quando diminuisco le proporzioni della finesta ottengo:

    http://s1.postimg.org/i44zdc6z3/xzdorsqmprlpmcbe.png

    Quindi con il onresize dovrei riposizionarli in base ai dati salvati (salvo in una array posizione: top left innerHeight, innerWidth, pageXOffset e pageYOffset durante la creazione) ma non so che calcolo fare...
    Ultima modifica di zacca94; 17-06-2015 a 13:46
    Logiqo.org gestionale per perizie infortunistiche.

  4. #4
    Utente di HTML.it
    Registrato dal
    Jun 2008
    Messaggi
    1,316
    Ok ho risolto in una maniera abbastanza semplicistica: invece di salvare tutti quei dati come top/left/etc... ho salvato semplicemente "this" e poi durante il resize ho ritrovato il top e left con la medesima funzione.
    Logiqo.org gestionale per perizie infortunistiche.

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 © 2024 vBulletin Solutions, Inc. All rights reserved.