Position fixed su iphone fa si che l'elemento si muova

**playbasfa** · 29-10-2014, 19:39

Salve ragazzi ho un problema che non riesco a risolvere, mi dareste una mano?
Ho un bottone all'interno di una pagina html con le seguenti proprietà:

codice:

position:absolute;
bottom:20px;

Fin qui nessun problema.
Il problema sta nel fatto che quando scrollo verso il basso, anche il bottone scrolla.
Giustamente aggiungerei visto che il nuovo bordo basso sta cambiando...

Avete un'idea per evitare questa cosa??
Io vorrei che il bottone rimanesse dov'è all'inizio anche se scrollo.

Ecco il codice

codice:

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Titolo</title>
		<meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0" />
        <style>
        
       
		@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) 
		{
		
			#background {
                background: url("iphone5_portrait.jpg") no-repeat;
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                bottom: -69px;
                z-index: -1;
            }
            
            #cta{
        	display:block;
        	width:174px;
        	height:103px;
        	position:absolute;
			left:73px;
			bottom:22px;
        	background: url("portrait_iphone5_cta.png") center no-repeat;
        }
		
		}
		
	
        </style>
        
        <script>
        $('body.dont_scroll').bind("touchmove", {}, function(event)
        {
  		event.preventDefault();
		}
		);
		</script>
		
		
    </head>
    <body>
        <div id="background"><a id="cta" href="#nogo"></a></div>
        <div style="height: 5000px;"></div>
    </body>
</html>

Grazie a chiunque voglia aiutarmi!

**Prill** · 29-10-2014, 20:01

se il bottone deve restare sempre nella stessa posizione, quindi essere visibile oppure no a seconda della parte di pagina visualizzata attraverso lo scrolling, puoi posizionarlo in maniera assoluta nel div con tutti i contenuti, cui assegnerai un padding-bottom equivalente all'altezza del bottone per non avere sovrapposizioni (il secondo div del tuo codice per capirci, cui aggiungerai pure un position:relative, non il primo con posizionamento fisso)

**playbasfa** · 30-10-2014, 00:08

Originariamente inviata da Prill

se il bottone deve restare sempre nella stessa posizione, quindi essere visibile oppure no a seconda della parte di pagina visualizzata attraverso lo scrolling, puoi posizionarlo in maniera assoluta nel div con tutti i contenuti, cui assegnerai un padding-bottom equivalente all'altezza del bottone per non avere sovrapposizioni (il secondo div del tuo codice per capirci, cui aggiungerai pure un position:relative, non il primo con posizionamento fisso)

Grazie per la risposta!
Scusami ma non ho capito... E' il tag <a> che vorrei posizionare in maniera fissa a prescindere dallo scroll.

Idee?

Discussione: Position fixed su iphone fa si che l'elemento si muova

Strumenti discussione

Ricerca discussione

Visualizza

Position fixed su iphone fa si che l'elemento si muova

Permessi di invio