makinete

makinete el 19.01.2012 a las 12:56

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

El Desavío Creativo

El Desavío Creativo el 19.01.2012 a las 17:14

Bueno mejor con jquery. Tengo ciertas nociones de Javascript pero no llego a programar algo asi.

Muchas gracias.

phpninja

phpninja el 22.01.2012 a las 13:13

en el css:

#sidebar{
height:100%;
position:fixed;
}

me parece que no hace falta javascript

: )

El Desavío Creativo

El Desavío Creativo el 23.01.2012 a las 12:31

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

phpninja el 23.01.2012 a las 13:24

Quieres un scroll en la columna de la derecha ?
No entiendo "es que cuando se pierde en la pantalla"

Raul Garcia

Raul Garcia el 23.01.2012 a las 13:51

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.

El Desavío Creativo

El Desavío Creativo el 23.01.2012 a las 17:22

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.

markosansa

markosansa el 24.01.2012 a las 12:39

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

Raul Garcia el 24.01.2012 a las 13:03

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.

El Desavío Creativo

El Desavío Creativo el 24.01.2012 a las 16:57

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

Raul Garcia el 24.01.2012 a las 17:36

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

El Desavío Creativo

El Desavío Creativo el 24.01.2012 a las 23:47

De puta madre Raul. Te debo una. Es esto mismo lo que estaba buscando.

Gracias.

Entra o regístrate para comentar