Am effizientesten, um festzustellen, ob sich ein HTML-Element im Ansichtsfenster befindet?

Question

ich zur Zeit mit Prototyp, mit einigen Code wie:

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; 
    } 
} 

Gibt es einen schnelleren/einfachen/effizienten/besseren Weg, dies zu tun?

Answer 1

Mit verschiedenen JavaScript-Bibliotheken wie Dojo können Sie ziemlich spezifischen und Cross-Browser-kompatiblen Code, den Sie verwenden können, um dies zu tun. Es wird immer noch nicht viel schöner aussehen als das, was Sie dort haben. Wenn Sie es von Grund auf neu machen, wird es sehr viel komplexer, da Sie Browser-Quirks, Browser-Quirle, Scrolling usw. haben.