Div siempre visible mientras se desplaza

Question

En mi página aspx, tengo dos porciones izquierda y derecha. Quiero mostrar siempre el lado izquierdo (que en realidad es una vista en árbol de 'div') mientras se desplaza por el lado derecho (que son los contenidos reales de la página). Gracias

Answer 1

Debe poner position: fixed; en el elemento div. Eso lo anclará a la ventana gráfica.

Answer 2

Debe establecer la posición del div en Fijo en CSS. Ver this link para más información. Tendrá que establecer la posición usando la parte superior e izquierda en CSS también para saber dónde arreglarlo.

Answer 3

Hola, he encontrado la mejor solución. Como siempre JQUERY salvando mi vida !!

Simplemente ponga una Div llamada como quiera, he elegido la misma en el ejemplo siguiente: #scrollingDiv.

<script type="text/javascript" src="jquery-1.3.2.min.js"></script> 
<script> 
    $().ready(function() { 
     var $scrollingDiv = $("#scrollingDiv"); 

     $(window).scroll(function(){    
      $scrollingDiv 
       .stop() 
       .animate({"marginTop": ($(window).scrollTop())}, "slow");   
     }); 
    }); 
</script> 

Tomé ese código de un sitio web, funciona y es bastante fácil de entender.

Answer 4

El problema es que cuando el bloque se mueve, obtiene atención y capacidad para concentrarse en la lectura.

Para remediar esto usando esta función.

Este código es perfecto:

(cambio "220" y "46px" si es necesario)

var $scrollingDiv = $("#scrollingDiv"); 

$(window).scroll(function(){  
if ($(window).scrollTop()>220)  { 
      $scrollingDiv 
       .css("position",'fixed') 
       .css("top",'46px')   
     } else { 
$scrollingDiv 
       .css("position",'')  
       .css("top",'')    
     } 
     });