bloque fijo segun resolucion de monitor y posicion del scroll

[juliovanegas]

Un cordial saludo, me gustaría crear un div fijo que se active cuando el scroll esté en 500px y la resolución del monitor sea mayor a 960px. ¿Cómo lo haría?

Muchas gracias.

[manuparquegiralda]

Lo del div imagino que sabrás como crearlo, así que te pongo el javascript

Código Javascript:

onscroll=function(){
        var poscionScroll = Math.max(document.documentElement.scrollTop);
    var anchoVentana = window.innerWidth;
 
        if((anchoVentana > 960)&&(poscionScroll > 500)){
              //Aquí muestra tu div o haces lo que tengas que hacer
        }
}
 

Espero que te sirva

[juliovanegas]

Hola gracias por tu ayuda, traté de hacerlo de la siguiente manera y no me funcionó:

Código Javascript:

<script type="text/javascript">
onscroll=function(){
    var poscionScroll = Math.max(document.documentElement.scrollTop);
    var anchoVentana = window.innerWidth;
 
    if((anchoVentana > 960)&&(poscionScroll > 500)){
        $('.nombreDiv').css({position:'fixed', top:'5em'});
    }
    else {
        $('.nombreDiv').css({position:'relative', top:'0'});
    }
</script>