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

• 我正在开发一个项目，用户可以更轻松地快速添加交易。

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

• 我不知道如何实现这样的事情。请给我指导如何做这些事情

• 我有兴趣使用 AngularJS 构建它

P.S 抱歉问了一个宽泛的问题，但我真的不知道这叫什么，也不知道要谷歌什么

您可以使用常规方法轻松构建这样的弹出窗口div元素和一些CSS。特别是，position: fixedCSS 属性将允许您将某些内容放置在窗口上的某个位置，无论它如何滚动。

这是一个简单的 JSFiddle 演示了该技术：http://jsfiddle.net/BinaryMuse/ndr2Q/ http://jsfiddle.net/BinaryMuse/ndr2Q/

您可以单击书籍的标题来展开其描述，这有望使预览窗口足够高以便滚动。 （如果没有，只需调整窗口大小。）无论您在文档中的哪个位置滚动，“弹出”窗口（只是一个带有ng-show和一些CSS）停留在屏幕的右下角。

您可以找到像 Bootstrap 这样的库，它们提供 jQuery 插件，允许您在页面上弹出窗口，但一般来说，它们的设计目的是防止用户与页面交互behind以任何有用的方式使用模态。像这样的技术允许您在后台滚动并使用页面，类似于 Gmail 的界面。