1

画面の高さに基づいて固定の div を表示および非表示にしようとしています。スクロールバーが表示されるたびにdivが表示される携帯電話用です。これは小さい画面用です。

これは私が使用しているコードです

$(document).ready(function () {
    if ($("body").height() > $(window).height()) {
        jquery("textdiv").fadeIn(200);
    } else {
        jquery("textdiv").hide(100);
    }
});

このJsfiddleで私が達成したことを見ることができます。

他に何かご希望がありましたらお知らせください。私が使用したコードにはいくつかのエラーがあると確信しています。

4

4 に答える 4

1

あなたが持っているものはうまくいくようですが、いくつかのテキストエラーがあります:

http://jsfiddle.net/NLjqK/1/

jquery->jQuery

textdiv->.textdiv

于 2013-01-26T01:47:06.280 に答える
0

他の誰かが同様のものを探している場合に備えて、Explosion Pills の回答にさらに取り組み、ウィンドウのサイズが変更されるたびにコードを実行し、誰かがページの一番下までスクロールすると div が消えるコードを追加しました。

以下のコードをチェックして、その後JSフィドル...

$(window).bind('resize',function () {

    if ($("body").height() > $(window).height()) {
        jQuery(".textdiv").fadeIn(200);
    } else {
        jQuery(".textdiv").hide(100);
    }
});

$(window).scroll(function() {
                if ($("body").height() <= ($(window).height() + $(window).scrollTop())) {
                    $(".textdiv").css("display","none");
                }else {
                    $(".textdiv").css("display","block");
                }
            });

http://jsfiddle.net/NWusD/

于 2013-01-27T16:56:46.660 に答える
0

使用しているセレクターは、textdiv明らかに存在しないタグ名を探しています。セレクターにクラスのドット プレフィックスを追加する

$(".textdiv").fadeIn(200);
于 2013-01-26T01:47:12.577 に答える
0

レスポンシブ デザインを探している場合は、jquery で処理するよりも css の方が適している可能性があります。画面幅の場合、メディアクエリをさまざまな属性の「if/else」関数として使用できます。それについてはこちらをお読みください。そして、ここに例があります：

@media all and (max-width: 699px) and (min-width: 520px), (min-width: 1151px) {
  .yourclass {
    display:none;
  }
}
于 2013-01-26T01:48:58.470 に答える