¿Cómo puedo tener un div atascado en el lado izquierdo de la página sin importar cuánto me muevo horizontalmente?

Question

Esto es un poco difícil de explicar, así que es un enlace difícil a una página que tiene el efecto que necesito;

http://wpaoli.building58.com/wp-content/uploads/2009/08/feedback-panel.html

Lo retroalimentación en el lado izquierdo es lo que estoy tratando de poner en práctica en mi lado, en lugar de retroalimentación im va a utilizarlo como un menú de navegación que aparece al hacer clic en.

las cosas de arriba es lo que tengo ahora.

mi problema es cuando me desplazo hacia la derecha (mi página tiene alrededor de 6000px de ancho) quiero que permanezca en el lado izquierdo, ¿hay alguna manera de lograr esto?

(esto es demasiado para mi cerebro) ¡gracias!

Answer 1

Establezca el div para que tenga un estilo de "posición: fijo" y luego configure "left: 0px; top: 0px". Esto hace que el div se quede en la parte superior izquierda del navegador en lugar de su posición relativa dentro del flujo HTML.

un vistazo a esta página ejemplo, cuenta con 2 elementos fijos, uno en la parte superior izquierda y el otro en la parte inferior derecha:

Fixed example

Answer 2

se puede utilizar el mismo diseño exacto, utilice únicamente position:fixed en el feedback-panel.