问题描述
-
我工作的一个项目,它会更容易为用户快速添加事务。
I am working on a project where it would be easier for users to quickly add transactions.
我非常有兴趣做类似于Gmail撰写的东西弹出来的确在单页上
I am very much interested to do something similar to what gmail compose pop up does on the single page
-
我不知道如何实现这样的事情。请给我如何做这种事情的方向
I have no idea how to implement such a thing. Please give me directions about how to do such things
我感兴趣的使用AngularJS构建它
I am interested in building it using AngularJS
对于广泛的问题P.S很抱歉,但我真的不知道这是什么所谓的,不知道该怎么为谷歌要么
P.S Sorry for a broad question, but I really don't know what this is called and don't know what to Google for either
推荐答案
您可以构建这样一个弹出很容易使用普通的 DIV
元素和一些CSS。尤其是,的位置是:固定
CSS属性可以让你把东西的位置在窗口上,不管它是如何滚动
You can construct a popup like that very easily using a regular div
element and some CSS. In particular, the position: fixed
CSS property will let you put something at a position on the window, no matter how it scrolls.
下面是一个简单的jsfiddle演示了该技术:
Here is a simple JSFiddle that demonstrates the technique: http://jsfiddle.net/BinaryMuse/ndr2Q/
您可以点击的书籍的标题,扩大其描述,这将有望使preVIEW窗口足够高滚动。 (如果没有,只是调整窗口大小。)无论你在哪里滚动文件中,弹出窗口(这只是一个常规元素NG-节目
和一些CSS)保持在屏幕的右下角。
You can click the titles of the books to expand their description, which will hopefully make the preview window tall enough to scroll. (If not, just resize the window.) No matter where in the document you scroll, the "popup" window (which is just a regular element with an ng-show
and some CSS) stays at the bottom-right of the screen.
您可以找到的库,例如引导,即present jQuery插件,让你做网页上弹出,但一般来说,他们设计的prevent用户从与页面交互的后面的任何有用的方式模态。像这样的技术可以让您周围的滚动和类似于Gmail的界面背景所使用的页面。
You can find libraries, like Bootstrap, that present jQuery plugins to allow you to do popups on the page, but in general they're designed to prevent the user from interacting with the page behind the modal in any useful way. A technique like this allows you to scroll around and use the page in the background similar to Gmail's interface.
这篇关于如何实现在单页的应用程序Gmail撰写窗口的概念?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!