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!