javascript - ビューポートの右端、下端の x 位置、y 位置 (それぞれ)?

Question

jQueryまたは「プレーン」JavaScriptを使用して、表示されているビューポートの右端のx座標と、その下端のy座標を取得するプラグインを使用しない方法を探しています。

ありがとう！

score 6 · Accepted Answer

var width = document.documentElement.clientWidth || window.innerWidth;
var height= document.documentElement.clientHeight|| window.innerHeight;

score 3 · Accepted Answer

私は最終的にこの（jQueryベースの）ソリューションに落ち着きました：

var $w = $(window);
var right_edge_x  = $w.scrollLeft() + $w.width();
var bottom_edge_y = $w.scrollTop()  + $w.height();

提案された他のソリューションとどのように異なるのか、ましてやそれが優れているのかどうかは正確にはわかりませんが、少なくともある程度は理解できます...

score 1 · Accepted Answer

window オブジェクトを使用できると思います。それは、

winX = window.screenX + window.outerWidth;

winY = window.screenY + window.outerHeight;

とにかく、私はあなたがアイデアを得ると思います。良いニュースは、これが純粋なバニラ JS であることです。

完全なドキュメントは次の場所にあります。

4 に答える 4