6

  • ユーザーがトランザクションをすばやく追加する方が簡単なプロジェクトに取り組んでいます。

  • gmailの作成ポップアップが単一のページで行うのと同様のことをすることに非常に興味があります

ここに画像の説明を入力

  • そのようなことを実装する方法がわかりません。そのようなことを行う方法についての指示を教えてください

  • AngularJS を使用して構築することに興味があります

PS大まかな質問で申し訳ありませんが、これが何と呼ばれているのか本当にわかりませんし、Googleに何を求めているのかもわかりません

4

3 に答える 3

6

div通常の要素といくつかの CSSを使用して、そのようなポップアップを非常に簡単に作成できます。特に、position: fixedCSS プロパティを使用すると、スクロール方法に関係なく、ウィンドウ上の位置に何かを配置できます。

この手法を示す単純な JSFiddle を次に示します: http://jsfiddle.net/BinaryMuse/ndr2Q/

例

書籍のタイトルをクリックして説明を展開できます。これにより、プレビュー ウィンドウがスクロールするのに十分な高さになることが期待されます。(そうでない場合は、ウィンドウのサイズを変更してください。) ドキュメントのどこをスクロールしても、「ポップアップ」ウィンドウ ( ng-showCSS を使用した通常の要素) は画面の右下にとどまります。

ページ上でポップアップを実行できるようにする jQuery プラグインを提供する Bootstrap などのライブラリを見つけることができますが、一般的に、これらのライブラリは、ユーザーがモーダルの背後にあるページと何らかの有用な方法で対話することを防ぐように設計されています。このような手法を使用すると、Gmail のインターフェイスと同様に、ページをスクロールしてバックグラウンドで使用できます。

于 2013-06-03T04:35:46.473 に答える
6

Dockmodalは、Gmail のようなドッキング可能なモーダル プラグインで、開いているモーダル ダイアログを最小化および復元するオプションがあります。

于 2017-03-09T05:09:32.127 に答える