Buenas! A ver, primero inserto el script en el head.
Código:
<link type="text/css" href="CSS/jquery.jscrollpane.css" rel="stylesheet" media="all" />
<script type="text/javascript" src="javascript/jquery.js"></script>
<script type="text/javascript" src="javascript/jquery.mousewheel.js"></script>
<script type="text/javascript" src="javascript/jquery.jscrollpane.min.js"></script>
<script type="text/javascript">
$(function()
{
$('#cuerpo').jScrollPane();
});
</script>
Luego añado la funcion, donde "cuerpo" es el div donde va el scroll. Este div tambien le añadi el class "scroll-pane" para que concordara con la hoja css.
El texto que tengo en la pagina de momento es simulado, por lo que esta distribuido asi:
TITULO
Parrafo de texto
Subtitulo
Parrafo de Texto
Subtitulo2
Parrafo de texto.
Al previasualizar, dos de los parrafos de textos se colocan encima de los titulos.
Soy novata en todo esto, es probable que me haya comido pasos, o a saber que. Mousewheel es el jquery q recomiendan instaalr con el scrollpane, para la rueda del raton.
Aunque cuando dices previsualizar en el navegador a que te refieres? Estoy escribiendo el codigo en Dreamweaver, pero siempre hago la vista previa en varios navegadores, no en la ventana diseño.
Muchas gracias por tu tiempo!