侧边导航栏自动获取文章的高度
2015-07-23 13:48
337 查看
菜鸟一枚,刚开始学习js和jq。
今天在做网站时候,遇到的问题,想让左边导航栏自动获取右边文章的高度,随着文章高度的变化而变化。
正确代码如下:
$(window).load(function(){
var num=$(".article").outerHeight(); //获取文章高度
$(".sidebar").css("height",num);
//设置侧边栏高度为文章高度
})
另外,还需给侧边栏和文章设置一个最小高度,min-height,这样文章的高度小于最小高度时候,将以最小高度呈现。
刚开始的时候我写的是$(function(){}),获取文章的高度时总是出错,后来发现是因为文章里面的图片没加载完毕就已经获取的文章的高度,所以改成$(window).load(function(){},在加载完页面所有内容后再获取文章的高度。这样就不会出错。
。
顺便附上一下几种高度的区别
今天在做网站时候,遇到的问题,想让左边导航栏自动获取右边文章的高度,随着文章高度的变化而变化。
正确代码如下:
$(window).load(function(){
var num=$(".article").outerHeight(); //获取文章高度
$(".sidebar").css("height",num);
//设置侧边栏高度为文章高度
})
另外,还需给侧边栏和文章设置一个最小高度,min-height,这样文章的高度小于最小高度时候,将以最小高度呈现。
刚开始的时候我写的是$(function(){}),获取文章的高度时总是出错,后来发现是因为文章里面的图片没加载完毕就已经获取的文章的高度,所以改成$(window).load(function(){},在加载完页面所有内容后再获取文章的高度。这样就不会出错。
。
顺便附上一下几种高度的区别
height:高度 innerHeight:高度+补白 outerHeight:高度+补白+边框
outerHeight(true):高度+补白+边框+边距。
相关文章推荐
- react组件生命周期过程
- Caffe代码导读(0):路线图
- openwrt中luci学习笔记
- jQuery
- Android获取View 的坐标和屏幕高度、状态栏高度、标题栏高度
- Postfix邮件服务器搭建(三)
- mysql -- 预处理语句
- 【转】android自动化测试之MonkeyRunner使用实例(三)
- Android 4.4 Launcher3——导入eclipse进行调试
- 关于SSDB的网络模型
- java与 C++ 之间进行 SOCKET 通信
- 如何注册一个微信公众号
- 微软的系统管理服务器SMS
- Android GUI之Activity、Window、View
- 如何使用find命令在Linux中查找文件
- NodeJS + Socket.io聊天服务器连接数达到1024后就连不上了
- linux后台开发排错常用工具
- BaseAdapter + Gallery
- Objective-C学习笔记(十一)——break和continue的使用方法
- C#集合总结