Hola gente. tengo el siguiente codigo que lo que hace es desplegar un div con un scroll.
al pasar el texto sobre el href aparece un div flotante con un scroll que contiene varios registros. desplazando el scroll aparecen mas registros .
Funciona divino en IE pero al ponerlo en chrome este no funciona correctamente
Al salir del scroll me devuelve el scroll arriba del todo , cuando deberia de mantener su posicion real.
espero que alguien me pueda ayudar a encontrar el problema .
Gracias
aqui os dejo el codigo
Código:
<style>
.headermisfavoritos { float:right; font-size:11px; margin-top:15px; background-image:url(../images/favoritosdown.png); background-position:right; background-repeat:no-repeat; padding-right:14px; font-size:13px; color:#0033CC; cursor:pointer; font-weight:bold; margin-bottom:0px; padding-bottom:0px; margin-right:0px;}
headermisfavoritos a{ color:#0033CC; cursor:pointer; } headermisfavoritos a:visited{ color:#0033CC; } headermisfavoritos a:hover{ color:#0033CC; } headermisfavoritos a:link{ color:#0033CC; }
#favoritosselect { z-index: 1; font-size:11px; text-align:left; position:absolute; width:320px; padding:0px; right:0px; margin: 28px 0px 15px; }
#favoritosfloat { margin:0px; padding:0px 13px 0px 10px; }
#favoritostitulo { padding:5px 5px 8px 5px; background-color:#F3F3F3; font-size:12px; font-weight:bold; }
#juegosfavoritosdiv { }
.juegooption { background-color:#999999; border:1px solid #666666; height:50px; }
</style>
<script>
function favoritosocultar() {
var estado = document.getElementById('juegosfavoritosdiv').style.display;
if (estado="block")
{
document.getElementById('favoritosselect').style.display="none";
}
}
function favoritosmostrar() {
var estado = document.getElementById('juegosfavoritosdiv').style.display;
if (estado="none")
{
document.getElementById('favoritosselect').style.display="block";
}
}
</script>
<div class="headermisfavoritos"><a onmouseover="favoritosmostrar();" onmouseout="favoritosocultar();" >Mis favoritos (<span id="cantidadfavoritos">3</span>)</a></div>
<div id="favoritosselect" style=" background-color:#FFFFFF;" onmouseout="favoritosocultar();" onmouseover="favoritosmostrar();"> <!-- favoritosselect -->
<div id="favoritostitulo">
<div style="float:right;"><a href="javascript:void(0);" onclick="favoritosocultar();"><img id="favoritoscerrar" src="images/favorito_cerrar.png" alt="Cerrar" width="15" border="0" height="15"/></a></div> Tienes <span id="cantidadfavoritoslista">4</span> juegos favoritos.</div>
<!--listado-->
<div id="juegosfavoritosdiv" style=" z-index:80; background-color:#ffffff; padding-bottom:3px; overflow-y:auto; overflow-x: hidden; height:241px; ">
<div class="juegooption" style="z-index:1;">zxcz<br/>dsf sdfsd fsd </div>
<div class="juegooption">zxcz<br/>dsf sdfsd fsd </div>
<div class="juegooption">zxcz<br/>dsf sdfsd fsd </div>
<div class="juegooption">zxcz<br/>dsf sdfsd fsd </div>
<div class="juegooption">zxcz<br/>dsf sdfsd fsd </div>
<div class="juegooption">zxcz<br/>dsf sdfsd fsd </div>
<div class="juegooption">zxcz<br/>dsf sdfsd fsd </div>
<div class="juegooption">zxcz<br/>dsf sdfsd fsd </div>
<div class="juegooption">zxcz<br/>dsf sdfsd fsd </div>
<div class="juegooption">zxcz<br/>dsf sdfsd fsd </div>
<div class="juegooption">zxcz<br/>dsf sdfsd fsd </div>
<div class="juegooption" style="z-index:2;">zxcz<br/>dsf sdfsd fsd </div>
</div>
</div>