博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML 应用 遮罩
阅读量:5768 次
发布时间:2019-06-18

本文共 384 字,大约阅读时间需要 1 分钟。

  hot3.png

遮罩的应用太多了,这里会分析一下

bootstrap 模态框

实现方式 示例看这里:

fixed的布局

    fixed 半透明背景

    relative 的内容区域

为了防止body的滚动,对body 增加了一个modal-open class,这个是把overflow 设置为hidden防止body滚动,不过再移动浏览器上,不好使,依然会滚动的。

jquery modaldialog 弹出对话框

 

fixed 遮罩背景

fixed 内容区域,这个是采用js计算出来位置的。并没有对body滚动做处理。很简洁。

jquery ui dialog 对话框模态框  

absolute 内容区域,由js计算位置

fixed 遮罩(overlay)

remodal

实现接近bootstrap

转载于:https://my.oschina.net/honchy/blog/358247

你可能感兴趣的文章
jquery如何判断checkbox(复选框)是否被选中 全选 反选
查看>>
oracle toda和pl/sql匪夷所思的差异
查看>>
在fedora14中合并pdf文件
查看>>
伙伴系统-Buddy System
查看>>
c#基础知识 属性和索引
查看>>
12.6作业
查看>>
CodeChef Mahesh and his lost array
查看>>
集合 (set)
查看>>
iOS开发-UIWebView加载本地和网络数据
查看>>
hdu 1042 N!
查看>>
Spring的@Value获取不到值的问题
查看>>
匿名函数
查看>>
JS基础学习笔记一 -- 从Hello Word输出开始
查看>>
修改Ubuntu的aptget源为阿里源的方法
查看>>
Ubuntu启用root账号登录系统
查看>>
bzoj 2962 序列操作——线段树(卷积?)
查看>>
SharePoint 2013之Office Web Apps Server(2)
查看>>
「postgre」INT最大值
查看>>
如何通过C#调用CHM帮助文件
查看>>
NoSql数据库 设计上面的一些心得
查看>>