Javascript 如何在单页应用程序中实现gmail撰写窗口的概念？

我正在从事一个项目，用户可以更轻松地快速添加事务

我非常有兴趣做一些类似于gmail compose弹出窗口在单个页面上所做的事情

• 我不知道如何实施这样的事情。请告诉我怎么做这些事情

• 我对使用AngularJS构建它感兴趣

---

p.很抱歉问了这么多问题，但我真的不知道这叫什么，也不知道该用谷歌搜索什么

查看这些基于引导的angular JS警报：

您也可以使用提供的$modal服务，该服务还接受模板URL：

var modal = $modal({template: '/js/app/views/elements/modal-welcome.html', show: true, backdrop: 'static'});

---

并显示为弹出窗口

使用常规的

div

元素和一些CSS，您可以非常轻松地构建这样的弹出窗口。特别是，

position:fixed

CSS属性将允许您在窗口的某个位置放置某些内容，无论它如何滚动

下面是一个简单的JSFIDLE，演示了该技术：

您可以单击书籍的标题以展开它们的描述，这将有望使预览窗口足够高，可以滚动。（如果没有，只需调整窗口大小即可。）无论您在文档中滚动到何处，“弹出”窗口（它只是一个带有

ng show

和一些CSS的常规元素）都保持在屏幕的右下角

---

您可以找到一些库，比如Bootstrap，它们提供jQuery插件，允许您在页面上弹出窗口，但一般来说，它们的设计是为了防止用户以任何有用的方式与模式后面的页面进行交互。类似这样的技术可以让你在类似Gmail界面的背景下滚动和使用页面。

是一个类似Gmail的可停靠模式插件，可以最小化和恢复打开的模式对话框。

谷歌“带javascript的模式窗口”-并且做得很好。也可以帮助引导模态和AngularJ一起工作。你能详细解释一下吗。。。。我是javascript新手，所以无法理解您在fiddle中所做的……太棒了。这就是我在看的。