jq 遮罩层完成遮盖原来的页面

标签: jq
11人阅读 评论(0) 收藏 举报
分类:

在制作弹出框时,下面的遮罩层想要完成的遮盖原来的页面,只需要用jq获取页面的高度,并设置为遮罩层的高度就可以了

$("#bg").css('height',$(document).height()+'px');

查看评论

30天完成30个JS原生开发项目挑战

-
  • 1970年01月01日 08:00

CSS3原生实现淡入淡出效果

淡入淡出效果 #targetDiv { width: 150px; height:200px; text-align:center; ...
  • liguo9860
  • liguo9860
  • 2017-02-23 17:36:02
  • 3448

jq给页面添加覆盖层遮罩

先引入jq代码,然后代码如下: $(function(){ var docHeight = $(document).height(); //获取窗口高度 $('body').ap...
  • Joyhen
  • Joyhen
  • 2014-08-21 09:36:13
  • 6712

遮盖层加弹出框页面布局不影响

function ShowNo() //隐藏两个层            {               document.getElementById("doing").style.displa...
  • mycoolme5
  • mycoolme5
  • 2016-11-08 22:26:35
  • 760

Jquery超简单遮罩层实现代码

在开发中,为了避免二次提交,遮罩层的运用越来越普遍 找了很多
  • tolcf
  • tolcf
  • 2014-08-20 21:36:04
  • 99911

解决遮罩层不能覆盖整个页面问题

最近的项目需要一个点击,然后弹出遮罩层的效果,于是在页面中加了一个遮罩层(设定高度为100%)。 但是今天偶然发现,遮罩层只能遮住一屏的高度,若页面比一屏高的话,只要向下滚就可以发现没有被遮住的部分...
  • Runner__1
  • Runner__1
  • 2017-07-18 18:15:51
  • 1102

用jq让移动端和PC端遮罩层弹出后页面禁止滚动

PC端解决方案: 遮罩层弹出后让body的overflow值为hidden $("body").css({overflow:"hidden"}) 移动端解决方案: 让遮罩层和显示的菜单栏绑定 ...
  • DeBruyne
  • DeBruyne
  • 2017-06-14 14:21:29
  • 2594

页面加载时遮罩效果

页面加载时遮罩效果                              /*opacity是设置遮罩透明度的,可以自己调节*/            #loading{position:...
  • cherishSpring
  • cherishSpring
  • 2016-10-19 15:40:26
  • 2698

AngularJs 遮盖

AngularJS 自定义标签 实现遮盖 公用
  • qq_36020545
  • qq_36020545
  • 2016-12-23 09:59:22
  • 901

jquery 打开网页自动弹出遮罩层或点击弹出遮罩层

弹出层:两种方式, 一是打开网页就自动弹出层 二是点击弹出 jQuery简便实现遮罩层--柯乐义 body { font-family:Arial, Helvetica, sans-...
  • haibo0668
  • haibo0668
  • 2016-11-29 23:35:22
  • 5390
    个人资料
    持之以恒
    等级:
    访问量: 1万+
    积分: 543
    排名: 9万+
    最新评论