問題タブ [window-resize]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
1002 参照

jquery - ウィンドウのサイズ変更時の CSS

私はこのウェブサイトを持っています: http://www.sfrpsicologia.com . 緑色の div が課金されると、この div はブラウザー ウィンドウによって異なる高さと margin-top を持ちます。しかし、問題は、ウィンドウのサイズを変更しても、このプロパティがすぐに変更されるのではなく、Web を更新したとき (f5) にのみ変更されることです。ウィンドウのサイズを変更すると、すぐにそれらの特性が得られますか? サイズ変更時にページをリロードしたくない... よろしくお願いします!

0 投票する
2 に答える
1940 参照

c++ - OpenGL、C ++、なぜglutReshapeFunc関数が黒いopengl画面を表示するのですか?

私はopenglチュートリアルに従っていますが、何らかの理由でreshape関数を追加しました(ウィンドウのサイズを変更して比率を修正するため)。openglウィンドウには、オブジェクト(形状)はまったく表示されず、黒い画面だけが表示されます。スペルミスか何かをしたかどうかわかりません。

リシェイプ機能は物事を台無しにしていますか?

助けてくれてありがとう!これは、Lighthouse3dチュートリアルからのものです。

PS:リシェイプ機能を外すと、三角形が表示されます(正常に動作します)。

0 投票する
2 に答える
3023 参照

javascript - ページの読み込みまたはサイズ変更にかかわらず、ウィンドウ幅が940pxを超える場合にのみjQuery関数を読み込む

ブラウザのウィンドウ幅が940pxより大きい場合にのみ関数をロードしたい。

これは、最初のページの読み込み時に次の方法で実行できます。

ただし、上記の方法では、ブラウザのサイズ変更では機能しません。私はそれをブラウザのサイズ変更でいくらか動作させることができました:

ただし、これに伴う問題は、関数が読み込まれると、ブラウザウィンドウのサイズが小さいかどうかに関係なく、関数が読み込まれたままになることです。ウィンドウが小さいときはいつでも、関数をクリアするか、アンロードする必要があります。

ウィンドウが940pxより大きい場合にのみ関数をロードし、ウィンドウが940より小さい場合に関数を完全に削除する方法はありますか?

どんな助けでも大歓迎です。

0 投票する
3 に答える
887 参照

jquery - ウィンドウのサイズが変更されたときにHTMLが複数回追加される

画面サイズを小さくするために変数からHTMLコンテンツを追加したいのですが、ブラウザのサイズを変更すると、コンテンツは追加されますが(必要に応じて)、ウィンドウを移動し続けると、HTMLの複数のコピーが追加され続けます。

どうすればこれを防ぐことができますか?

これは私がしていることです:

0 投票する
2 に答える
9353 参照

jquery - min-heightとmin-widthをjQueryの.widthと.heightに追加する方法

単一ページのサイトがあり、CSSを使用して最小の高さと幅を設定しようとしています。しかし、jQueryは私の最小サイズを無視しているようです。

これを使用してウィンドウのサイズを変更しています:

HTMLは次のようになります。

これらの各divは、このCSSを使用して画面外に配置されます。

どんなアイデアでも大歓迎です。

0 投票する
4 に答える
10059 参照

jquery - ブラウザのサイズ変更時にjQueryを使用して画像のsrcを変更する

2 つの異なるサイズの画像があります。1 つは 759 ピクセルより小さい画面用で、もう 1 つは 759 ピクセルより大きい画面用です。

ウィンドウの幅に応じてドキュメントが読み込まれるときに、画像のソースを変更することができました。しかし、ブラウザのサイズも変更されたときにこれを実行できるようにしたいのですが、私の人生ではそれを行うことができません。ページが最初にロードされたときにのみ機能するようです。

これは私のコードです:

0 投票する
3 に答える
716 参照

objective-c - ウィンドウの一方の端のみを強制的にサイズ変更する - OSX Lion

10.7 でご存知のように、ユーザーはウィンドウのサイズをすべての側面と角から変更できます。NSWindow のサイズ変更を片側だけに制限する方法はありますか? setMinSize:andを使用すると、すべてが実行されるわけでsetMaxSize:はありません。これらを使用すると、サイズ変更を片側ではなく両側にのみ制限できます

0 投票する
1 に答える
1561 参照

jquery - ウィンドウのサイズ変更時にjqueryを使用したフルスクリーン画像?

ウィンドウのサイズ変更機能がトリガーされたときに、jquery でフルスクリーン画像を作成しようとしています。しかし、この種の結果が得られます-画像の下部にギャップがあり、修正方法がわかりません。

ここに画像の説明を入力

基本的なhtml、

ウィンドウのサイズ変更時に画像サイズを更新するためのjquery、

スーパーサイズ画像のCSS

これはjsfiddleのリンクで、これは実際の製品を見るためのリンクです。

私が間違ったことをしたアイデアはありますか?どうすれば修正できますか?

0 投票する
1 に答える
216 参照

jquery - jqueryを使用してウィンドウのサイズを変更すると、ボックスのサイズが変更されます

これは 、次のコードの動作を確認できるjsfiddleです。

window resizeイベントがトリガーされたときに、jquery を使用して選択したボックスのサイズを変更しようとしました。

しかし、影響を受けるのは「選択された」クラスを持つ最初のボックスだけです。どうしてこれなの?

同じクラスの他のボックスを機能させるにはどうすればよいですか?

HTML

JQuery

0 投票する
1 に答える
1804 参照

jquery - jQuery $(window).resize duplicate to $(document).ready to resize and reposition elements

スライダー機能を設定するためにこのjQueryがあります。このスライダーは画面全体の幅と高さなので、ウィンドウのサイズを変更するときは、それらのサイズを再計算する必要があります。両方のトリガーで同じコードを複製しようとしましたが、何も変わりませんでした。助けてくれませんか?

$(document).ready のコードは次のとおりです。