Le moyen le plus efficace pour déterminer si un élément HTML est dans la fenêtre d'affichage?

Question

J'utilise actuellement un prototype, avec un code comme:

function in_viewport(foo) { 
    var offset = foo.viewportOffset().top; 
    var viewportHeight = document.viewport.getHeight(); 
    if (offset > (0 - foo.getHeight()) && offset < viewportHeight) { 
    return true; 
    } else { 
    return false; 
    } 
} 

Y at-il un moyen plus rapide/plus facile/plus efficace/mieux de faire cela?

Answer 1

Avec diverses bibliothèques JavaScript comme Dojo, vous pouvez obtenir un code compatible spécifique et multi-navigateur que vous pouvez utiliser pour ce faire. Il n'a toujours pas l'air beaucoup plus joli que ce que vous avez là. Si vous le faites à partir de rien, cela devient beaucoup plus complexe, car vous avez des problèmes de navigateur, des problèmes de version du navigateur, des problèmes de défilement, etc.