css监听元素高度

html-css025

css监听元素高度,第1张

css监听元素高度如下。

1、页面渲染完成后(onReady函数里)去获取元素1在页面上距离顶部的高度fixedTop。

2、用监听页面滚动函数onPageScroll得到当前页面滚动高度,高度是页面在垂直防线已滚动的距离(单位px)。

父级元素设置min-height:100px(设置除ie6的其他浏览器)_height:100px(针对ie6,ie6特性高度超过100px会自动撑开)然后子divcss高度height:100px

实现div占满整个屏幕

1)通过css高度100%,但是要div的父级元素高度为100%

前提:以知父级元素并且父级元素高度可控

2)通过100vh

前提:适合移动端或者不用兼容IE的项目

3)使用定位拉伸