各位我遇到了一个问题,请教大家,想让浮层的高度自适应但是被屏幕高度挡住了?怎么办?
时间: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代码
要怎么改啊
$(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
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28