Problema con funcion .scroll()

francisco1994 · #1 (**permalink**) 25/11/2012, 11:49

Bueno estoy haciendo una pagina(obvio) y en un div tengo un scroll horizontal donde si llegas a arriba carga nueva informacion, la cosa es que no funciona y no se porque, he intentado de todo y no lo logro saber x.x aqui va algo de codigo:

Javascript:

Código Javascript:

Ver original$('#ventana').scroll(function(){
    if($('#ventana').scrollTop() == 0){
            /*Aqui deberia ir mas cosas si funcionara*/
            alert('Felicidades llegaste a arriba');
    }               
});

Div:

Código HTML:

Ver original<div id="ventana" style="width: 564px;max-height: 332px;overflow-y: auto;overflow-x: hidden;"><!-- Aqui va el contenido --></div>

no puede resultar, ayuda porfavor y gracias de ante mano ^^ x.x

gebremswar · #2 (**permalink**) 26/11/2012, 10:50

Hola francisco1994, que tal.

Cita:

Iniciado por francisco1994

Bueno estoy haciendo una pagina(obvio) y en un div tengo un scroll horizontal donde si llegas a arriba carga nueva informacion, la cosa es que no funciona y no se porque, he intentado de todo y no lo logro saber x.x (...)

Esa parte

... Bueno, con el scroll horizontal no creo que puedas subir ni un solo px de manera vertical (espero sea un error de teclado).

En cuando al código, déjame decirte que si funciona.

No debería hacer esto por considerarlo ya resuelto, pero de todas manerás de dejaré la estructura del html, que no es otra cosa más que tu código con las demás etiquetas que obviamente lo acompañan.

Código Javascript:

Ver original<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>@GBreagan</title>
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script>
$(document).on('ready', function(){
    $('#ventana').scroll(function(){
        if($('#ventana').scrollTop() == 0){
            alert('Felicidades llegaste a arriba');
        }
    });
});
</script>
</head>
<body>
<div id="ventana" style="width: 564px;max-height: 332px;overflow-y: auto;overflow-x: hidden;"></div>
</body>
</html>

Solo agrégale un Lorem Ipsum a tu div, prueba y verás que funciona tal y como lo presentaste.