需求
上下两个div。上方是mui日历,可以调整日期,所以高度不固定。下方高度也不固定。如果两个div加起来高于一个手机屏幕,需要给下方div加滚动条。实际显示是一屏高度。
实现
纯css试了很久,无法实现,最后是用css+js实现的
滚动条什么不再赘述
下方div的css
{
position:absolute;
bottom:0;
}
页面初始化和mui日历的onChangeMonthYear事件中
setTimeout(function(){
var height = document.getElementById("上方div").clientHeight;
document.getElementById("下方div").style.top = height+71+"px";
},0);
71是我页面标题栏等地方的高度