問題タブ [onresize]
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.
jquery - ウィンドウのサイズ変更時に jQuery イベントをオフにする
だから私は現在、次のようなウェブサイトを持っています：
モバイルでは、コンテンツが次のように折りたたまれます。
それはまさに私が望む方法です。すごい！ただし、大きな画面サイズでもセクションを折りたたむことは望ましくありません。
現在、CSS だけでサイズ変更するとうまく非表示/表示されますが、ウィンドウのサイズを変更してコーヒーの使用を開始すると、すべてがうまくいきません。
問題＃1：
折りたたみ可能なコンテンツでページをロードすると、サイズ変更後に折りたたみイベントを停止できますが、その後のサイズ変更後に再度オンにすることはできません。または、表示されているコンテンツから始めて、折りたたまれるまでサイズを変更すると、両方のトランジションが同時に発生したように見え、再び消える前にコンテンツが少しだけ表示されます。
問題＃2：
折りたたみ可能になると、ヘッダーをクリックすると、jQuery のスライドダウン/アップ遷移を使用してコンテンツが表示/非表示になりますが、非表示にしてからサイズを変更してウィンドウを大きくすると、コンテンツは非表示のままになります。
私はこれらの両方が非常に単純だと確信していますが、私は文字通り一日中頭を叩いていて、それを理解することはできません:(
ですから、誰かが洞察を持っているか、アドバイスを貸してくれるなら、私は感謝しています。
これは、関連する CSS、Coffeescript、および HTML のコンテンツ セクションを含む JSFiddle です。
そしてCoffeescriptの問題点：
ありがとう
javascript - ネイティブ Javascript は、サイズ変更後にブラウザーの幅を取得し、関数を実行します
ウィンドウの幅に基づいてコンテンツが読み込まれる、このプログラムを作成しています。ページの読み込み時には、適切な HTML と CSS が添付されていれば正常に機能します。しかし、ページのサイズを変更すると、適切なシートをロードするために ajax があまりにも多くの呼び出しを行うため、コンテンツがちらつきます。JQuery には 1 万の答えがあるようですが、ネイティブ Javascript には答えがありません。SOに関するこれらの質問と回答の多くから、サイズ変更関数のCOMPLETIONで1つの値を取得するにはタイムアウトが必要であると推測しました。しかし..無駄に。タイムアウトがあっても、AJAX をすばやく呼び出します。これは私がこれまでに取り組んできたことです。
これは、ページの読み込み時にうまく機能します。正しいスクリプトが配置されます。しかし、console.log でブラウザーのサイズを変更すると、大量の呼び出しが行われ、ページがちらつきます。JQueryソリューションに従って、から1つの値を取得する方法をいくつか試しましたwindow.onresize。それでも私は単一の値を取得できませんでしたが、永続的な呼び出しです。
私が読んだことから、私が試したことは、コメントアウトし てBODYの一番下にwindow.onresize = layoutHandler;移動することでした。layoutHandler();次に、これを試しました...
タイムアウトがあっても、関数を呼び出してすべてのピクセルの増加に反応します。すべての呼び出しでページがちらつくことを除いて、これは完璧に機能します。サイズ変更イベントの後に SINGLE 値を取得できれば、問題は解決します。ネイティブ Javascript ソリューション / 提案を探しています。
事前に TY.
javascript - ループ中は onresize が機能しないようです (javascript)
ループ内の画面サイズに基づいて関数を呼び出そうとしています。
ページが読み込まれると関数は正常に動作しますが、ウィンドウのサイズが変更されても内容は変わりません。
例を次に示します: https://jsfiddle.net/celine305/BaNRq/27/
どんな助けでも大歓迎です。
c# - C# ASP.NET ブラウザーのサイズ変更イベント
C# Asp.Net アプリケーションのサイズ変更イベントが見つかりません。私はこのonresizeようなことをしようとしていますが、私の中にイベントはありません<body runat="server" ..>。
C# ASP.NET アプリケーションでブラウザーのサイズ変更時に関数呼び出しを追加するにはどうすればよいですか?
jquery - ページの読み込み時にパディングを追加してサイズを変更する
要素のパディングを計算し、サイズ変更時に追加します。さて、ページの読み込み時にも追加したいと思います。どうやってやるの？