問題タブ [outerheight]

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 に答える
96 参照

javascript - ページ外要素の高さの測定

私は要素でAjaxingしています。高さに基づいて配置する場所を決定したい (ボックス パッキング タイプのアルゴリズムを考えてください)。

このように要素をループすると、常に次のよう0になりouterHeightます。

要素の表示高さを取得するにはどうすればよいですか?


高さを取得するには、要素をページに追加する必要があるようです。これは理にかなっています。
できるだけ簡単にユーザーに見えないようにしながらこれを行う最良の方法は何ですか?

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

jquery - jQuery - ウィンドウのサイズ変更時に変数を再計算し、関数を再実行する

トップバーの div を非表示にして切り替える関数を作成しました。

ページの読み込みではうまく機能しますが、ウィンドウのサイズを変更すると #top div の高さが変わり、レイアウトが崩れます。ウィンドウのサイズ変更時に再計算して関数を再実行するにはどうすればよいですか? 私は次のことを試しました:

しかし、うまくいきません。助けてくれてありがとう

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

jquery - バックボーンで outerHeight() を使用する際の問題

ピンタレストのようなエフェクトを作成し、wedding.reposition() で div の位置を設定しようとしています。ただし、outerHeight() 関数は 0px を返すため、機能していないと思います。これは画像がまだ読み込まれていないためだと思いましたが、関連する div が読み込まれて DOM に追加された後にのみ wedding.reposition() を呼び出します (追加は同期ですか?)。

興味深いことに、setTimeout 関数を使用して数秒後に wedding.reposition を実行すると、機能します。誰かがこれに対する解決策を持っているかどうか疑問に思っていますか?

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

jquery - jQuery outerHeight() バグ - バージョン以下で正常に動作しません。1.8.3

そのため、x 軸上の他の要素の高さを等しくするスクリプトがあります。スクリプトはうまく機能します...ただし、jQuery 1.8.3 以降を使用している場合のみです。問題は機能によるものと思われますouterHeight()

outerHeight()1.8.3+でどのような更新が行われたかを調べてみましたが、うまくいきませんでした。

jQuery 1.8.3ですべてが正常に機能しているこのフィドルを参照してください。

そして、スクリプトが壊れるjQuery 1.7.2を使用したこのフィドル。

誰でも問題が発生している理由を説明できますか?私のジレンマの解決策になることを願っています! (理想的には、これが jQuery 1.7.1+ で機能する必要があります)

を使用したい理由をさらに明確にするためにouterHeight()、セレクターの1つに上部/下部にマージンまたはパディングがある場合、height()うまくいきません。私がここで何を意味するかを見てください> http://jsfiddle.net

ありがとう!

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

jquery - ビューポートがコンテナー div より小さい場合を除き、次の書式設定を適用します - Jquery

ビューポートが.container divよりも大きい場合にのみ、divにフォーマットを適用しようとしています。私は次のように書きましたが、Jquery がそれほど優れていないため、正しく実行できたかどうかはわかりません。

................................................................... ..

ここで js フィドルを作成しましたが、現在は機能しているようです。

http://jsfiddle.net/QgyPN/

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

html - フォント サイズ、ファミリ、および行の高さが指定されている場合、div の高さが正しくありません

div でフォント サイズ、ファミリ、および行の高さを設定しようとしています。次に、レイアウト用の div の正しい高さを知る必要があります。ただし、取得している高さが間違っており、おそらく同じ理由でスクロールバーが div の親に表示されています。次の jsfiddle は私の問題を最もよく示しています: http://jsfiddle.net/JYkAX/19/

html は次のとおりです。

CSSは次のとおりです。

次の jquery は、div の外側の高さを取得します (ただし、正しくありません)。

これを引き起こしている原因についてのアイデアはありますか? 残念ながら、div の実際の外側の高さを取得できるようにする必要があります。親 div を大きくすることはできません。

スクロールバーは Chrome と IE でのみ表示されます。Firefox では、マウスをドラッグして div をスクロールできますが、スクロールバーは表示されません。

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

jquery - JQuery - コンテナー (親) div の高さを子要素 (垂直バー) に割り当てます

私はjQueryが初めてです。データを保持する3つの内部div(.summary0、.summary1、.summary2)を持つ繰り返しdiv(.containingBox)があります。summary0 の後、summary2 の前に縦棒を表示したいと思います。このバーの高さは動的に設定する必要があります。値は、集計 div がデータでいっぱいになった後、「containingBox」の「outerHeight」から取得されます。

垂直線は、ハードコーディングされている場合に機能します ( HTML で垂直線を作成する方法)。これまでのところ、次のことを行っています。

中心的な問題は、jquery の最後の行です。コンテナ div には 2 つの .vLine がありますが、割り当てが機能しません。ありがとう!

http://jsfiddle.net/isherwood/9Wshe/

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

javascript - JQueryのouterHeight()は非表示の(display:none)要素でゼロ以外を返しますか?

display:none 要素に対しては 0 を返すべきだと思います。しかし、少なくとも1.10.1ではそうではありません

http://jsfiddle.net/pUuAz/

0 投票する
0 に答える
365 参照

jquery - Jquery - 垂直中央の div は、ウィンドウのサイズを変更する場合にのみ機能します

特定のリンクをクリックすると表示される Div がいくつかあります。クラス名が「position-center」の div は、画面の垂直方向の中央に配置されます。しかし、問題は、ウィンドウのサイズを変更するまで、ロード時に div が中心からオフセットされることです。

問題データベースを検索しようとしましたが、問題の解決策が見つからないようです。

div をセンタリングして表示するための Javascript コード:

Div の 1 つの HTML

div を呼び出すためのリンク:

ありがとう!