javascript – 如何在单页应用程序中实现gmail组合窗口概念?

>我正在开发一个项目,用户可以更轻松地快速添加交易.
>我非常有兴趣做一些类似于gmail在单页上弹出的内容

>我不知道如何实现这样的事情.请告诉我如何做这些事情的方向
>我有兴趣使用AngularJS构建它

P.S对于一个广泛的问题很抱歉,但我真的不知道这叫什么,也不知道谷歌要做什么

解决方法

您可以使用常规div元素和一些CSS非常容易地构建一个类似的弹出窗口.特别是,position:fixed CSS属性可以让你在窗口的某个位置放置一些东西,无论它如何滚动.

这是一个简单的JSfiddle,它演示了这种技术:http://jsfiddle.net/BinaryMuse/ndr2Q/

您可以单击书籍的标题来扩展其描述,这有望使预览窗口足够高以滚动. (如果没有,只需调整窗口大小.)无论您在文档中的哪个位置滚动,“弹出窗口”窗口(只是带有ng-show和一些CSS的常规元素)都会保留在屏幕的右下角.

您可以找到提供jQuery插件的库(如Bootstrap),以允许您在页面上执行弹出窗口,但通常它们旨在防止用户以任何有用的方式与模式后面的页面进行交互.这样的技术允许您滚动并在后台使用类似于Gmail界面的页面.

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...