在获取内容区块高度(无滚动)时使用offsetTop报如下错误:
Uncaught TypeError: Cannot read property ‘offsetTop’ of null
实现效果如图:
主要js代码
// 内容可视区域的高度
clientHeight = document.documentElement.clientHeight;
// 减去头部和底部的高度及上下外边距
colHeight = clientHeight - 60 - document.getElementById("cover-page").offsetTop;
// 界面的内容区高度
document.getElementById("cover-page").style.height = colHeight + "px";
修改后代码
// 内容可视区域的高度
clientHeight = document.documentElement.clientHeight;
// 减去头部和底部的高度及上下外边距,设置高度
cover_page = document.getElementById("cover-page");
cover_page.style.height = (clientHeight - cover_page.offsetTop - 60) + "px";