Muchas veces queremos tener siempre visible el menú principal del sitio cuando hacemos scroll hacia abajo, para lograr este caso y otros casos, se agregó una nueva propiedad en las regiones.
La propiedad ‘Fijar región’ se encuentra dentro del grupo de propiedades de las regiones:
Esta propiedad permite resolver los siguientes casos:
-
Fijar el cabezal de la página
Si se quiere dejar fijo el cabezal de la página mientras se hace scroll hacia abajo, lo que se debe hacer es:
-
Configurar la propiedad "Fijar región" con el valor “Si” para la región del cabezal, y para que esta funcione se debe configurar una altura fija para esta región.
-
También se debe configurar en cada región columna, la propiedad “Margen superior” con un valor mayor o igual al que configuramos para la altura del cabezal, para que la misma no se solape con las columnas.
Configurando esas propiedades podemos resolver casos como este:
-
Fijar varias regiones que componen el cabezal de la página
Cuando se tiene más de una región cabezal y se quieren dejar todas fijas, todas tienen que tener alturas fijas.
En el caso de la primer región, no se configura el “Margen superior”, para la segunda región cabezal en la propiedad “Margen superior” hay que configurar le la altura de la primer región. Y si hubiese una tercer región cabezal, la propiedad “Margen superior” de esta debe coincidir con la altura de la segunda región y así sucesivamente.
En este caso a las regiones columnas se les debe configurar como “Margen superior” un valor igual o superior a la suma de las alturas de las regiones que componen el cabezal.
-
Fijar una columna lateral de la página
Existen casos donde queremos dejar la columna izquierda de la página fija mientras se hace scroll sobre el resto de la página.Este caso se resuelve:
-
Configurando la propiedad "Fijar región" en “Si” para la columna izquierda y un ancho fijo para la misma.
-
Además en la columna que está a la derecha de esta hay que configurar la propiedad “Margen izquierdo” con un valor igual o superior al ancho de la columna izquierda.
-
Tener en cuenta que la región a la cual se la "fija" hay que configurar le una altura fija.
Lo mismo a la inversa se puede aplicar en caso de querer fijar la columna que está más a la derecha en la página.