HTML要素がビューポートにあるかどうかを判断する最も効率的な方法は？

Question

私は現在のようないくつかのコードで、プロトタイプを使用しています：

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

は、これを行うのより迅速/容易な/より効率の良い/より良い方法はありますか？

Answer 1

DojoのようなさまざまなJavaScriptライブラリを使用すると、これを行うために使用できるきめ細かなクロスブラウザ互換のコードを取得できます。それはあなたがそこに持っているものよりもはるかにきれいに見えません。あなたが最初からそれをやっているのであれば、ブラウザの癖やブラウザのバージョンの不具合、スクロールに対処する必要があるなど、はるかに複雑になります。