侧边导航栏自动获取文章的高度
来源:互联网 发布:tokidoki淘宝 编辑:程序博客网 时间:2024/06/08 17:47
菜鸟一枚,刚开始学习js和jq。
今天在做网站时候,遇到的问题,想让左边导航栏自动获取右边文章的高度,随着文章高度的变化而变化。
正确代码如下:
$(window).load(function(){
var num=$(".article").outerHeight(); //获取文章高度$(".sidebar").css("height",num);//设置侧边栏高度为文章高度
})
另外,还需给侧边栏和文章设置一个最小高度,min-height,这样文章的高度小于最小高度时候,将以最小高度呈现。
刚开始的时候我写的是$(function(){}),获取文章的高度时总是出错,后来发现是因为文章里面的图片没加载完毕就已经获取的文章的高度,所以改成$(window).load(function(){},在加载完页面所有内容后再获取文章的高度。这样就不会出错。
。
顺便附上一下几种高度的区别
height:高度innerHeight:高度+补白outerHeight:高度+补白+边框
outerHeight(true):高度+补白+边框+边距。
0 0
- 侧边导航栏自动获取文章的高度
- 获取状态栏以及导航栏的高度
- 获取导航栏和状态栏的高度
- ios 获取导航栏、状态栏的高度
- 纯CSS实现侧边栏/分栏高度自动相等
- 纯CSS实现侧边栏/分栏高度自动相等
- 纯CSS实现侧边栏/分栏高度自动相等
- 纯CSS实现侧边栏/分栏高度自动相等
- 纯CSS实现侧边栏/分栏高度自动相等
- 简单的一个侧边导航栏
- Android 侧边字母导航栏的实现
- 【CSS】简易的页面侧边栏导航
- 侧边栏导航布局的实现
- ecshop文章侧边栏导航,自动调用文章多级子栏目分类并且当前栏目及父栏目高亮显示
- Android_侧边导航栏
- 侧边固定导航栏
- 侧边栏导航
- bootstrap3 侧边导航栏
- react组件生命周期过程
- vps设置的一些碎碎念
- Spring框架下的管理员修改密码功能实现
- 手机安全卫士------主页面(HomeActivity)
- Postfix邮件服务器搭建(三)
- 侧边导航栏自动获取文章的高度
- org.springframework.beans.factory.BeanCreationException异常产生的原因和解决方案
- Postfix邮件服务器搭建(四)
- javascript之Ajax起步
- WhiteWater & Mist Shelf Tools Not Working
- Caffe代码导读(1):Protobuf例子
- 开发可变长参数的方法。
- 信号signal的一些数据
- Java_ArrayList与List解析