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

解决方案 »

  1.   

    //选择楼宇弹出层
    $(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代码
    要怎么改啊