+ -
当前位置:首页 → 问答吧 → 各位我遇到了一个问题,请教大家,想让浮层的高度自适应但是被屏幕高度挡住了?怎么办?

各位我遇到了一个问题,请教大家,想让浮层的高度自适应但是被屏幕高度挡住了?怎么办?

时间:2011-12-27

来源:互联网

http://www.goodmeal.cn/?module=songcan.canting&method=show&idx=1&building=###
这个是我们网站点击那个选择楼宇就是弹出的浮层,想把浮层设成自适应高度,
但是没想把被屏幕的高度挡住了,不能在往下了,怎样才能让屏幕自适应高度,使浮层有下拉条?
请教各位,帮帮忙哦

作者: johnderm   发布时间: 2011-12-27

//选择楼宇弹出层
$(function(){
  var body_h=$(document).height(); //取得浏览器可视高度值
  var $main=$(".main3"); //获取弹出层
  var main_h=$main.height(); //获取弹出层高度
  var main_w=$main.width(); //获取弹出层宽度
  var main2_h=Math.round(main_h/2);
  var main2_w=Math.round(main_w/2);
  var $block=$(".block3"); //获取黑色遮挡层
  var $open_btn=$(".louyu"); //获取弹出层触发按钮
  var $close_btn=$(".louyu_close"); //获取关闭层按钮
  var $html=$("html"); //获取锁定滚动条所需对象
  //设置遮挡背景层(黑层)高度
  function block_h(){
$block.height(body_h);
  }
  //动态设置弹出层水平,垂直居中于浏览器
  function align(){
$main.css({"margin-left":-main2_w,"margin-top":-main2_h});
  }
  //显示遮挡层,弹出层 并锁定浏览器滚动条
  $open_btn.click(function(){
align();
block_h();
$main.show();
$block.show();
$html.addClass("lock");
  })
  //隐藏遮挡层,弹出层 并解锁浏览器滚动条
  $close_btn.click(function(){
block_h();
$main.hide();
$block.hide();
$html.removeClass("lock");
  })
  //选择楼宇弹出层完成


这是我用的浮层JS代码
要怎么改啊

作者: johnderm   发布时间: 2011-12-27

我解决了,谢谢大家,

作者: johnderm   发布时间: 2011-12-27