問題タブ [fluid]
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 - CSS ドロップダウン メニューがブラウザの端に近いかどうかを検出し、配置を変更します - 流動的な幅
私は現在、正常に動作する純粋な CSS ドロップダウン/メガ メニューを持っています。レイアウトは流動的 (パーセンテージ ベース) で、メディア クエリも使用しています。
私が抱えている問題は、メニュー項目li
がブラウザーの端に近いかどうかを検出し、 align
CSS を使用してプロパティを変更する必要があることです。
これを達成するにはjQueryを使用する必要があると思いますが、実際には方法がわかりません。
facebook - 今日の時点でコメントソーシャルプラグインが切断されたIframeautoResizeの高さ
今日の時点で、私のソーシャルコメントプラグインは切断されています。
タブページの設定で、高さとして流体を選択しました。
私は高さ100%のメインdivを持っています
次に、ページのサイズを自動変更し、[もっと見る]をクリックするとすべてのコメントを表示するために使用したスクリプトがあります。これは昨日うまくいきました。
これが私のタブページへのリンクです:http: //hostfb.com/files/2598/af1d87a797314ed16ec3db8b3f094c45f30f8cf3/ https://www.facebook.com/dewafelbakkers?sk=app_246342282051389
ページを拡張して10個のコメントを表示し、さらに拡張してクリックするとさらにコメントを表示する必要があります。
css - ページが狭くなるにつれて、この流動的な列のレイアウトはどのように単一の列に変化しますか?
http://cssgrid.net/が、ブラウザーの幅が一定量を下回ると、レイアウトが 3 列から 1 列に切り替わるという効果をどのように達成するのか説明できますか?
JavaScriptをオフにして、とのCSSを調べてみました.row
が、CSSの.container
知識が不足しています。プロパティはありmin-width
ますが、Firebug で変更してもあまり影響がないようです。
CSSの何が変更を引き起こしているのか誰か指摘できますか?
fluid - タブアプリの流体幅が機能しない
私はタブアプリを高さと幅の両方で流動的に設定しています。高さは問題ありません...それは機能していない幅なので、私のページのかなりの部分(幅はわずか648px)が表示されていません。この問題が発生しないように、意図的に幅を最大値よりも小さく設定しました。表示するには、Arrow Fastenersページ...コンテストに移動するか、タブを入力してください。
c++ - 滑らかな粒子の流体力学を使用した流体シミュレーション
実は、C++ と openGL を使って SPH シミュレーターを開発しています。私が今遭遇したいくつかの問題があります、
ボックスの片側に開始流体粒子を作成し (ボックスを境界ボリュームとして作成します)、ボックスのような形状にし、初期速度をゼロにします。それからメイン ループを開始します。流体はあらゆる方向に広がり始めます。
写真を見てください:
http://i278.photobucket.com/albums/kk86/anggytrisnawan/Screenshot-UntitledWindow-2.png
シミュレーション開始から数秒後のあの写真。私には奇妙に思えます。シミュレーションに使用したパラメーターは次のとおりです。
注 : 現在、表面張力の計算はまだ行っていません。
解決済み : ここでの私のせい..最初は互いに重なり合っていた..圧力によってそれらが広がった..
typo3 - TYPO3:流体テンプレートからパーシャルに複数の引数を渡す
私は流動的なテンプレートを持っており、そこから頻繁に使用されるスニペット(「部分的」と呼ばれる)を呼び出します。
レンプレート:
部分的なfbLikeBox.html:
ご覧のとおり、{settings}と{audioguide}配列の両方の値をパーシャルに渡す必要があります。どうすればそれを達成できますか?
html - 流動的なレイアウトと複数列のレイアウト?
列に分割したい 40 個の div があるとします。そして、各列の div の数をビューポートの高さに基づいてスケーリングする必要があります。
たとえば、ビューポートの高さが 1000px の場合、列ごとに 10 個の div が存在する可能性があります。高さ 500px にサイズ変更された場合、列ごとに 5 つの div があります。
これは CSS (および @media クエリ) で完全に行うことができますか?
html - HTML ページの div の幅を計算する方法
さまざまな解像度に合わせて Web サイトを最適化しようとしていますが、Web ページにあるすべての画像のサイズをそれに応じて変更したいと考えています。
そのため、元のバージョンのWebページと変更された解像度のWebページの親要素の幅と画像の幅の<div>
比率が同じになるように、画像の親の幅を計算しようとしています。<div>
Python を使用して Web ページのクロールと処理を行っています。BeautifulSoup4を使用すると、画像の親に到達でき<div>
ますが、HTML コンテンツから純粋に計算することはできません。そのためには、CSS を使用する必要があります。これを解決するために、次のオプションを見つけました。
JavaScript を使用してそれを行うことができます。ただし、JavaScript はクライアント側で機能します。
PyWebKitGTKが潜在的な解決策であることがわかりましたが、私の問題に役立つものは何も得られませんでした。
pywebkitgtk
この問題に使用する方法はありますか、または別の解決策はありますか?
css - 流動的なCSSですが、固定幅以上です
さて、サイトに実装する必要があるマップの側面について、流動的な css を検討しています。私が欲しかったものに似たこのデモを見つけました:
http://www.dynamicdrive.com/style/layouts/item/css-liquid-layout-39-fluid-fluid-fluid/
左の列と右の列を流動的にして、より大きなブラウザー ウィンドウで展開できるようにする方法はありますか。しかし、それぞれ 175px など、特定の幅以下に制限することはできませんか?
そのため、一部のユーザーのためにブラウザーのスペースがもっとある場合は、それを使用できるようにして、3 つの列すべてを流動的にできるようにしたいと考えています。ただし、ブラウザー ウィンドウがどれほど小さくても、左右の列が特定の幅を下回ることはありません (モバイル アプリではなく、モバイル ブラウザーを除く)。
physics - リアルタイム流体シミュレーション技術
ビデオゲームなどで水などの流体のリアルタイム シミュレーションに使用される技術は何ですか?
特に、私はユニでの (残念ながらかなり短い) 物理プロジェクトのプロジェクト アイデアを探しているので、単純であればあるほど良い (流体シミュレーションで「単純」というものがあれば...)