Como hacer para que la columna derecha siempre permanezca visible. Tipo facebook
5 seguidores
Hola señores.
¿Como podría tener siempre la columna derecha de mi web visible sin que aparezca la barra lateral dentro de mi web? Tipo facebook.
Muchas gracias.
codigonexo
Se me ocurre con Jquery, pero tienes algún dato más web de referencia o con que sistema lo quieres hacer, algún cms? o simplemente desde html
Un saludo
Rubén
mads_creativo
Bueno mejor con jquery. Tengo ciertas nociones de Javascript pero no llego a programar algo asi.
Muchas gracias.
phpninja
en el css:
#sidebar{
height:100%;
position:fixed;
}
me parece que no hace falta javascript
: )
mads_creativo
Ok muchas gracias, funciona muy bien... El problema que tengo es que cuando se pierde en la pantalla y le das a la ruedita del raton solo baja la columna izquierda no la derecha. ¿me entiendes?
phpninja
Quieres un scroll en la columna de la derecha ?
No entiendo "es que cuando se pierde en la pantalla"
Raul Garcia
Lo que necesitas es posicionar la barra lateral con position absolute y right igual a 0, con esto la barra lateral siempre estara a la derecha, me explico ,necesitas que todo el contenido de la izquierda este flotando a la izquierda y la barra lateral flotando a la derecha y posicionarlo con position absolute y right igual a 0 de este modo aunque el usuario redimensione la pantalla la barra lateral estara siempre visible y pegada al lado derecho del explorador.
Te dejo un ejemplo para que lo veas:
html:
<body>
<div id="colIzq"></div>
<div id="colDer"></div>
</body>
css:
div#colIzq{
width:960px;
background-color:#333;
height:1000px;
float:left;
}
div#colDer{
width:150px;
background-color:#CCC;
position:absolute;
right:0;
height:1000px;
float:right;
}
Espero que te sirva y que sea esto lo que buscas.
mads_creativo
Si mas o menos quisiera un scroll pero invisible y algo muy simple, que cuando se le de a la ruedecita del ratón obedezca.
Muchas gracias y un saludo.
marco_sansa
No he entendido exactamente lo que quieres, pero bueno si quieres una interación con el ratón, es decir algo cuando mueves el scroll entones no es solo tema de css... necesitas javascript...
Raul Garcia
Si lo que quieres es que tenga un scroll normal y corriente a la columna derecha le das un alto fijo y overflow:auto y ya lo tienes.
mads_creativo
Gracias Raul pero de ninguna de las maneras soy capaz de editar el scroll y hacerlo mas atractivo o invisible. Creo que como dice Barna_08 voy a tener que recurrir a Javascript para hacer una div que tenga un scroll algo mas simple que el que te pone win o mac.
Muchas gracias a los dos y si tenéis alguna idea os lo agradecería.
Raul Garcia
No se puede editar el scroll que pone por defecto el sistema operativo, para eso necesitas javascript.
Te dejo una pagina que usa para ello la libreria de javascript JQuery, no es muy complicado y ya dependera de tu destreza con css para cambiar los colores y demas, te lo explica paso a paso ( esta en ingles) y puedes verlo en accion en esta misma pagina.
http://areaaperta.com/nicescroll/index.html
Necesitas la librera de JQuery (http://jquery.com/) y este plugin. Añadirlos en tu head y luego hacer una llamada pasandole el div que quieras que tenga el scroll.
Todo esto en el head
<script src="jquery-1.7.1.js"></script>
<script src="jquery.nicescroll.js"></script>
$(document).ready(
function() {
$("#colDer").niceScroll({cursorcolor:"#00F"});
}
);
De nada y espero que te sirva y te animes a probarlo.
Un saludo
mads_creativo
De puta madre Raul. Te debo una. Es esto mismo lo que estaba buscando.
Gracias.