cambio posizionamento on scroll

[jimbo0]

Salve, ho scritto questo codice per cambiare il posizionamento di un div on scroll (il classico menu fixato in alto), ho due domande:
- posso fare in modo che il cambio di posizione sia animato? cercando sul web mi pare di capire che non sia così immediata la cosa
- come posso fare in modo che questo codice sia valido solo per utenti desktop (in altre parole, il div#Mod97 deve avere sempre position:static in view mobile, non mi serve che sia fixed)?

$(window).scroll(function(){        if($(window).scrollTop() > elementPosition.top){
            $('#Mod97').css('position','fixed').css('top','50px');
        } else {
            $('#Mod97').css('position','static');
        }    
});
});

Ho provato a modificare l'if in questo modo, sembra non vada per nulla..

if( $(window).scrollTop() > elementPosition.top &&  $(window).width()>767)

per il secondo quesito, voglio evitare l'handler window.resize() che appesantisce il carico cpu del client in maniera indecente, ed è chiaro che per questa piccolezza non ne vale la pena.