菜鸟一枚,刚开始学习js和jq。
今天在做网站时候,遇到的问题,想让左边导航栏自动获取右边文章的高度,随着文章高度的变化而变化。
正确代码如下:
$(window).load(function(){
var num=$(".article").outerHeight(); //获取文章高度$(".sidebar").css("height",num); //设置侧边栏高度为文章高度
})
另外,还需给侧边栏和文章设置一个最小高度,min-height,这样文章的高度小于最小高度时候,将以最小高度呈现。
刚开始的时候我写的是$(function(){}),获取文章的高度时总是出错,后来发现是因为文章里面的图片没加载完毕就已经获取的文章的高度,所以改成$(window).load(function(){},在加载完页面所有内容后再获取文章的高度。这样就不会出错。
。
顺便附上一下几种高度的区别
height:高度
innerHeight:高度+补白
outerHeight:高度+补白+边框
outerHeight(true):高度+补白+边框+边距。