手机Web页面滚动方案

365 阅读1分钟

1、设置body的overflow:hidden
2、设置可滚动区域的overflow:auto或overflow-y:auto
3、设置可滚动区域的高度

document.body.clientHeight - header高度 + 'px'

取横、坚屏REM单位的header高度

componentDidMount(){
window.addEventListener('resize', this.onWindowResize.bind(this)) 
}
componentWillUnmount() {
window.removeEventListener('resize', this.onWindowResize.bind(this))
}
onWindowResize() {
let fontSize = parseInt(document.documentElement.style.fontSize)
this.refs.overflowHeight = document.body.clientHeight - header高度 * fontSize + 'px'
}