我正在开发一个项目,用户可以更轻松地快速添加交易。
我非常有兴趣做类似于 gmail compose pop up 在单页上所做的事情
我不知道如何实现这样的事情。请给我有关如何做这些事情的指示
我有兴趣使用 AngularJS 构建它
PS对不起一个广泛的问题,但我真的不知道这叫什么,也不知道谷歌是为了什么
我正在开发一个项目,用户可以更轻松地快速添加交易。
我非常有兴趣做类似于 gmail compose pop up 在单页上所做的事情
我不知道如何实现这样的事情。请给我有关如何做这些事情的指示
我有兴趣使用 AngularJS 构建它
PS对不起一个广泛的问题,但我真的不知道这叫什么,也不知道谷歌是为了什么
您可以使用常规div
元素和一些 CSS 轻松构建这样的弹出窗口。特别是,position: fixed
CSS 属性可以让你在窗口的某个位置放置一些东西,不管它如何滚动。
这是一个演示该技术的简单 JSFiddle:http: //jsfiddle.net/BinaryMuse/ndr2Q/
您可以单击书籍的标题以展开它们的描述,这有望使预览窗口足够高以进行滚动。(如果没有,只需调整窗口大小。)无论您在文档中滚动的哪个位置,“弹出”窗口(它只是一个带有 anng-show
和一些 CSS 的常规元素)都停留在屏幕的右下角。
您可以找到像 Bootstrap 这样的库,它们提供 jQuery 插件以允许您在页面上执行弹出窗口,但通常它们旨在防止用户以任何有用的方式与模态页面后面的页面进行交互。像这样的技术允许您在后台滚动并使用类似于 Gmail 界面的页面。
Dockmodal是一个类似于 Gmail 的可停靠模式插件,可以选择最小化和恢复打开的模式对话框。
查看这些基于引导程序的 Angular JS 警报:
http://mgcrea.github.io/angular-strap/#/alerts
您也可以使用提供的 $modal 服务,该服务也采用模板 URL:
var modal = $modal({template: '/js/app/views/elements/modal-welcome.html', show: true, backdrop: 'static'});
并将其显示为弹出窗口。