Mi problema consiste en la necesidad de montar un DIV con scoll vertical, pero en el cual solo debe mostrarse la barra de desplazamiento cuando el cursos esté encima del mismo.
El código que os adjunto hace eso en parte, pero el problema es que no consiguo que al aparecer por primera vez en el navegador la barra no aparezca. Una vez cargado, si pasamos por encima o salimos la barra de desplazamiento si aparece/desaparece. Per no logor que la dichos barra no aparezca al principio.
Alguna sugerencia? Mil gracias.
--- Codigo ---
<html><head><title>Scroll interactivo</title>
<style type="text/css">
body {
margin:6px;
padding:0px;
}
div {
width:250px;
height:100px;
overflow:hidden;
background-color:#9FF;
}
.activo
{
overflow:auto;
overflow-y:visible;
}
.inactivo
{
overflow:hidden;
overflow-y:hidden;
}
</style></head><body>
<div class="activo" onMouseOver="this.className='activo'" onMouseOut="this.className='inactivo'">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum malesuada, dolor a molestie porttitor, nulla sapien ultricies lacus, at faucibus odio elit sit amet nunc. In sed risus ac eros molestie luctus sed vel est. Mauris consequat enim sit amet turpis pharetra scelerisque. Quisque varius molestie eros, vel varius nisi mollis eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus interdum, lorem at semper consectetur, tellus lorem ultricies turpis, et rhoncus sapien nunc in diam. Vivamus a auctor orci. Praesent tortor magna, laoreet eu aliquet vel, placerat vel ipsum. Nullam cursus, ligula vel blandit egestas, tortor nisl vulputate elit, ut viverra libero velit viverra lacus. Donec scelerisque sodales volutpat. Nunc consectetur, mauris at ultricies sodales, orci leo bibendum ipsum, at aliquet tellus lacus vitae erat. Vivamus arcu risus, rhoncus eget tempor vel, viverra eget nibh. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin tristique ligula a sem condimentum eleifend.<br>LOREM IPSUM<br></div>
</body></html>
--- Fin código ---
.
