求一段JQ的代码,需求是这样的:一个div的高度为浏览器窗口高度,有上下padding20px

求一段JQ的代码,需求是这样的:一个div的高度为浏览器窗口高度,有上下padding20px,保持div的高度永远是浏览器的高度,但是上下padding的值不变,也就是... 求一段JQ的代码,需求是这样的:一个div的高度为浏览器窗口高度,有上下padding20px,保持div的高度永远是浏览器的高度,但是上下padding的值不变,也就是说div去掉padding的实际高度为浏览器窗口高度减去40px(因为上下都是padding20px)
思路应该是获取窗口高度,设置div的高度值为 窗口高度 减去 40px
求解惑!!!!!多谢好心人
展开
 我来答
yt_9119
2014-02-07 · TA获得超过812个赞
知道小有建树答主
回答量:395
采纳率:100%
帮助的人:314万
展开全部
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>demo</title>
<style type="text/css">
div{border:solid 1px red;margin:20px;}
</style>
</head>
<body>
<div></div>
<script type="text/javascript" src="http://换成你的jQuery地址/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
//padding什么的直接css处理就好
$('div').height($(window).height());
</script>
</body>
</html>
追问
请问一下,我按照你的方法已经弄成了我想要的效果,但是,每次拖动浏览器窗口,高度不会变化,必须要刷新才可以变,要怎么弄才可以保持和窗口大小同步
追答

你再加一个监听滚动条的事件

$(document).scroll(function(){ 
    //把这个写成公用的方法
   $('div').height($(window).height());
});
匿名用户
2014-02-07
展开全部
哪jq是一个代码。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式