0

次のコードを使用して、jQuery で div を非表示にしようとしました。

$(window).resize(function(){
  if ( window.innerHeight < 750 ) {
    $("footer").animate({'height' : '0px'}, 500);
  }
  if ( window.innerHeight > 750 ) {
    $("footer").animate({'height' : '35px'}, 500);
  } 
});

Chrome でテストしましたが、一度しか機能しません。サイズを変更しても消えるだけで、再び表示されることはありません。

私のコードに間違いがありますか、それとも間違った解決策ですか?

期待してありがとう！

4

3 に答える 3

1

簡単な方法は、メディア クエリを使用することです: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

たとえば、#divOne の id を持っている場合、通常どおり div のスタイルを設定display: none;し、ウィンドウが指定された幅に縮小したときのように別のメディア クエリを追加します。この場合、ウィンドウの幅が 600px 未満になると div が非表示になります。

#divOne {display: block; height: 200px; background: #000; }

@media (max-width: 600px) {
  #divOne {
    display: none;
  }
}
于 2013-07-15T21:01:03.010 に答える
0

これは、ブラウザが 750 未満であるため、この条件if ( window.innerHeight > 750 ) {が実行されていないことを意味します。コンソール ログで値を確認するには、次のようにします。window.innerHeight

console.log(window.innerHeight);
于 2013-07-15T21:07:03.130 に答える