¿Puedo usar la posición: fija verticalmente y y posición: absoluta horizontalmente?

Question

Tengo un texto en la parte inferior de mi página que dice Built By Me en él. Tengo esto en una posición fija a 35px de distancia de la parte inferior y la izquierda de la ventana para que se mueva a medida que avanzas. Lo que realmente quiero es arreglarlo verticalmente, por lo que se mueve a medida que se desplaza hacia arriba y hacia abajo y siempre está a 35px de la parte inferior de la ventana, pero lo coloca a 35px del borde izquierdo de la página (no de la pantalla) para que no se mueve cuando se desplaza horizontalmente. Comprobé esta solución Position element fixed vertically, absolute horizontally pero desafortunadamente no parece funcionar. FYI actualmente estoy usando el código siguiente para solucionarlo parte superior e inferior, que funciona bien (pero también se mueve cuando se desplaza horizontalmente):

#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> 

Muchas gracias por cualquier puntero que podría dar como no puedo por la vida de mi trabajo, ¿cómo solucionarlo en un solo eje?

de Dave

Answer 1

Creo que la única manera de lograr esto es utilizar position: fixed; y calcular el valor de left al cargar la página o cambiar el tamaño mediante la determinación de que el borde izquierdo de la "página" caídas y 35px continuación, añadiendo a ella . Avíseme si desea que elabore más.

Answer 2

Mantenga la div fija.

Y tienen el siguiente código de javascript que se ocupará del movimiento horizontal.

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