js 获取自适应高度div的高度

在调试论坛官网的bug时,遇到版权块定位问题。解决方案是根据屏幕大小和评论数量动态计算版权块的位置。当评论过多时,版权块需位于所有评论下方80px。由于div高度依赖于动态加载的PHP数据,不能使用简单的高度获取方法。因此,需要在数据完全填充到div后,使用JavaScript实时获取自适应高度。
摘要由CSDN通过智能技术生成

忙了将近一个月的论坛官网终于做好了,今天在调试bug,遇到了一个问题,设计稿(左)和实际(右):

      

好了大家发现问题了吧,就是最下方的版权块定位问题,方案是在屏幕中最新回复数量少或者无回复时,屏幕无滚动,版权块在屏幕最下方,如果评论过多,则版权块距离最后一条考评论的margin-top是固定的80px,然后要虑到要金融各种屏幕大小的手机,如果用fixed定位是绝对不行的,因为评论一旦过多,多到该出现滚动的时候,版权快的位置就应该在所有评论的下方80px处,所以这里只能动态获得上面几个div的高度以及屏幕总高度来判断版权块位置。

一般的获取div高度的方法就是$('元素').height()方法,百度上都是如下这种吊毛:

var h1 = document.getElementById("div1").offsetHeight; //

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值