Posso usare la posizione: fissa verticalmente e e posiziono: assoluta orizzontalmente?

Question

Ho del testo in fondo alla mia pagina che dice Costruito da me in esso. Ho questo in una posizione fissa a 35px lontano dal fondo e dalla sinistra della finestra in modo che si muova mentre si scorre. Quello che voglio veramente è di fissarlo verticalmente, quindi si muove mentre scorri verso l'alto e verso il basso ed è sempre a 35px dalla parte inferiore della finestra, ma è posizionato a 35px lontano dal bordo sinistro della pagina (non sullo schermo) in modo da non si muove quando si scorre orizzontalmente. Ho controllato questa soluzione Position element fixed vertically, absolute horizontally ma purtroppo non sembra funzionare per me. FYI Attualmente sto usando il seguente codice per risolvere il problema alto e in basso, che funziona bene (ma anche si muove quando si scorre orizzontalmente):

#sticky { 
position: fixed; 
bottom: 35px; 
left: 35px; 
width: 206px; 
padding: 0; 
font-size: 0.6875em; 
} 

*html #sticky { 
position: absolute; 
bottom: 0px; 
} 

<div id="sticky"> 
Built by Me 
</div> 

Grazie mille per tutti i puntatori si potrebbe dare come non posso per il la vita di me risolve come risolverlo su un solo asse?

Dave

Answer 1

Credo che l'unico modo per raggiungere questo obiettivo è quello di utilizzare position: fixed; e calcolare il valore di left al caricamento della pagina o ridimensionare individuando dove il bordo sinistro della "pagina" cade e 35px poi aggiungendo ad esso . Fammi sapere se vuoi che io elabori.

Answer 2

Conservare il div fisso.

E avere il seguente codice javascript che si occuperà dello spostamento orizzontale.

$(window).scroll(function(){ 
    $('.fixed_div').css('left',-$(window).scrollLeft()); 
});