2

こんにちは皆さん、私は私の側でこのようなものを実装できるかどうか知りたいです:

  1. ユーザーのウィンドウまたはディスプレイの高さを確認するには
  2. たとえば 800px より小さい場合は
  3. 次に、JavaScriptコードを実行しないでください

私はすでにメディアクエリについて読んでいますが、jquery コードでそれを使用する方法が本当にわかりません。

ありがとう。

4

4 に答える 4

4

使用window.innerHeight:

document.ready(function(){
  if (window.innerHeight < 800){
    //Code here
  }
});
于 2013-01-04T09:55:52.113 に答える
2

jQueryのheight()関数を使用するかwindow.innerHeight、ウィンドウの高さを調べることができます。

ライブデモ

if($(window).height() < 800)
   return;

//You code here

編集: Cerbrusが述べたように、window.innerHeightここではjavascriptを使用することをお勧めします

if(window.innerHeight < 800)
  return;

//You code here
于 2013-01-04T09:55:52.713 に答える
1

jquery height()を使用します。詳細については、リンクにアクセスしてください。height()

if($(window).height() < 800)
{
     //do your stuff
}
于 2013-01-04T09:57:34.977 に答える
0

ユーザーのビューポートについて知りたいときに、これを時々使用します。

var PageDimensions = (function () {
    var Width;
    var Height;
    var getDimensions;

    function pagedimensionsCtor() {
        if( getDimensions === undefined ){
            getDimensions = document.createElement("div");
            getDimensions.setAttribute("style", "visibility:hidden;position:fixed;bottom:0px;right:0px;");
            document.getElementsByTagName("body")[0].appendChild(getDimensions);
        }
        Width = getDimensions.offsetLeft;
        Height = getDimensions.offsetTop;
    }
    pagedimensionsCtor();

    function Reset() {
        pagedimensionsCtor();
    }

    function GetHeight() {
        return Height;
    }

    function GetWidth() {
        return Width;
    }

    return {
        Reset: Reset,
        GetHeight: GetHeight,
        GetWidth: GetWidth
    };
})();

デモ: http://jsfiddle.net/Vb7xz/

于 2013-01-04T10:02:13.077 に答える