组件挂载滚动监听事件绑定 

componentDidMount() {const { dispatch } = this.propsthis.judgeDevice()// 监听滚动 控制标题显示与隐藏document.documentElement.addEventListener('touchmove', (e) => {this.timer = setTimeout((_) => {const postion = this.ScollPostion()const { top } = this.stateconst dom = document.getElementsByClassName('navTitle')[0]if (dom) {if (postion.top > top) {dom.style.opacity = 1} else {dom.style.opacity = 0}}clearTimeout(this.timer)}, 500)})}

滚动位置获取

ScollPostion = () => {var t, l, w, hif (document.documentElement && document.documentElement.scrollTop) {t = document.documentElement.scrollTopl = document.documentElement.scrollLeftw = document.documentElement.scrollWidthh = document.documentElement.scrollHeight} else if (document.body) {t = document.body.scrollTopl = document.body.scrollLeftw = document.body.scrollWidthh = document.body.scrollHeight}return {top: t,left: l,width: w,height: h,}}

完整组件代码：

import React from 'react'
import { connect } from 'dva'
import { NavBar, Icon } from 'antd-mobile'
import Detail from './components/detail'
import styles from './app.css'
import Skeleton from './components/skeleton/Skeleton'
import './services/moment'
import NotFound from './components/NotFound'class App extends React.Component {state = {tokenStatus: 0,}componentDidMount() {this.loopForToken()window.localTempTestParams = {// id: 1613, // 生产那篇id: 1614, // 生产那篇// id: 370,// id: "312eed5edb2a47a69b101a66ea36823c",// id: "6678194b81a34b7c9b7d211b6f750e74",// id: 89,// id: 1598, // 被删除文章测试IDdispatchType: 'NewsDetail',// dispatchType: 'NoticeDetail',// dispatchType: 'SearchNewsDetail',// dispatchType: 'SearchNoticeDetail',navTitle: '党章党规',titleCenter: true,}window.shellBusinessToken ='eyJhbGciOiJIUzI1NiJ9.eyJlcHQiOjcyMCwiZXhwIjoxNTkyOTE4NDA2LCJpc3MiOiJjbXMiLCJ1c2VyQWNjb3VudCI6ImNoZW5oYWl5b25nIiwic291cmNlIjoicG9ydGFsIiwidXNlck5hbWUiOiLpmYjmtbfli4ciLCJ1c2VySWQiOiJjaGVuaGFpeW9uZyIsIl91c2VySWQiOiJVUjEwMDAwNzAwNjQiLCJfdWlkXyI6ImNoZW5oYWl5b25nIiwiYXVkIjoiMTAwMSIsImF0cCI6ImNtc19sb2dpbiJ9.L6ciPzBW6mPwDWeFLZm774xk9BXFHPTQhk368T5YRjw'}loopForToken = () => {let initCounter = 0this.setState({ tokenStatus: 0 })const initToken = () => {initCounter += 1if (window.shellBusinessToken) {clearInterval(this.initTimer)this.setState({ tokenStatus: 1 })if (window.localTempTestParams) {const { id, dispatchType, navTitle, titleCenter } = window.localTempTestParamsthis.props.setNavTitle(navTitle)window.titleCenter = undefinedwindow.titleCenter = titleCenterconst { dispatch } = this.props// 请求数据dispatch({type: `$/get${dispatchType}`,payload: id,})return}if (window.mbBridge && window.mbBridge.getParams()) {const {id,dispatchType,navTitle,titleCenter,} = window.mbBridge.getParams()this.props.setNavTitle(navTitle)window.titleCenter = undefinedwindow.titleCenter = titleCenterconst { dispatch } = this.props// 请求数据dispatch({type: `$/get${dispatchType}`,payload: id,})}} else if (initCounter > 99) {clearInterval(this.initTimer)this.setState({ tokenStatus: -1 })}}this.initTimer = setInterval(initToken, 50)}componentWillUnmount() {clearInterval(this.initTimer)}returnDetailType() {let dispatchType = '' // 打包时置为空''if (window.localTempTestParams) {dispatchType = window.localTempTestParams.dispatchTypereturn dispatchType}if (window.mbBridge && window.mbBridge.getParams()) {dispatchType = window.mbBridge.getParams().dispatchType}return dispatchType}render() {const { tokenStatus } = this.stateconst { detail, loading, dispatch, barVisible, hideFontBar } = this.propslet detailType = ''detailType = this.returnDetailType()// if (tokenStatus < 0) {//   return <div className={styles.errorNetwork} onClick={this.loopForToken}>网络异常，点击重试</div>// } else if (tokenStatus === 0 || loading) {//   return <div className={styles.spinner} />// } else {return (<React.Fragment>{!!detail ? (<DetailtitleCenter={window.titleCenter}detailType={detailType}detail={detail}dispatch={dispatch}barVisible={barVisible}hideFontBar={hideFontBar}/>) : (<Skeleton />)}</React.Fragment>)// }}
}class Wrapper extends React.Component {state = {navTitle: '',barVisible: false,data: null,isCollect: false,isFrist: true,top: 28,}componentDidMount() {const { dispatch } = this.propsthis.judgeDevice()// 监听滚动 控制标题显示与隐藏document.documentElement.addEventListener('touchmove', (e) => {this.timer = setTimeout((_) => {const postion = this.ScollPostion()const { top } = this.stateconst dom = document.getElementsByClassName('navTitle')[0]if (dom) {if (postion.top > top) {dom.style.opacity = 1} else {dom.style.opacity = 0}}clearTimeout(this.timer)}, 500)})}ScollPostion = () => {var t, l, w, hif (document.documentElement && document.documentElement.scrollTop) {t = document.documentElement.scrollTopl = document.documentElement.scrollLeftw = document.documentElement.scrollWidthh = document.documentElement.scrollHeight} else if (document.body) {t = document.body.scrollTopl = document.body.scrollLeftw = document.body.scrollWidthh = document.body.scrollHeight}return {top: t,left: l,width: w,height: h,}}judgeDevice = () => {// 判断是否为 iOSif (/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream) {document.getElementsByClassName('am-navbar')[0].style.top = '20px'this.setState({ top: 44 })const isIphonex = () => {if (typeof window !== 'undefined' && window) {return (/iphone/gi.test(window.navigator.userAgent) &&window.screen.height >= 812)}return false}if (isIphonex()) {document.getElementsByClassName('am-navbar')[0].style.top = '40px'this.setState({ top: 64 })}}}toggleBarVisible = (visible) => {this.setState({ barVisible: visible })if (window.htmlContent && window.deviceOfiOS) {// 针对 iOS 设备防止设置字体大小时滚动const overflow = visible ? 'hidden' : 'auto'window.htmlContent.style.overflow = overflow}}returnApp = () => {if (window.mbBridge) {window.mbBridge.mb.pop()}}render() {const { navTitle, barVisible, data, isCollect, isFrist } = this.stateconst { detail } = this.propslet isEnshrine = isCollectif (isFrist) {if (detail) {isEnshrine = detail.isEnshrine}}if (detail) {if (detail.dynamicArticle && detail.dynamicArticle.soleId) {this.id = detail.dynamicArticle.soleIdthis.type = 0} else if (detail.notice && detail.notice.soleId) {this.id = detail.notice.soleIdthis.type = 1}}if (window.activeDetailResInfo) {const result = window.activeDetailResInfoif (result.code === 0) {return <NotFound tipText={result.message} />}}return (<div id="appContainer" style={{ marginTop: 44 }}><divstyle={{position: 'fixed',zIndex: 2,top: 0,width: '100%',height: 40,backgroundColor: 'white',}}></div><NavBarleftContent={<div className={styles.navBack} />}onLeftClick={this.returnApp}rightContent={[<divonClick={() => {let { isCollect } = this.stateconst { dispatch } = this.propsisCollect = isEnshrineif (!isEnshrine) {dispatch({type: `$/addCollect`,payload: {soleId: this.id,type: this.type,},})} else {dispatch({type: `$/cancelCollect`,payload: {soleId: this.id,type: this.type,},})}this.setState({ isCollect: !isCollect, isFrist: false })}}>{isEnshrine || isCollect ? (<imgsrc="data:image/png;base64,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"style={{ width: 20, height: 20 }}/>) : (<imgsrc="data:image/png;base64,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"style={{ width: 20, height: 20 }}/>)}</div>,]}><divclassName="navTitle"style={{opacity: 0,color: '#333',fontWeight: 'bold',overflow: 'hidden',whiteSpace: 'nowrap',textOverflow: 'ellipsis',width: '77vw',textAlign: 'center',}}>{navTitle}</div></NavBar><Appref="appWrap"{...this.props}detail={detail || data}barVisible={barVisible}setNavTitle={(navTitle) => this.setState({ navTitle })}hideFontBar={() => this.toggleBarVisible(false)}/></div>)}
}export default connect((store) => ({detail: store.$.detail,collect: store.$.collect,// loading: store.loading.effects['$/getNewsDetail'] !== false,
}))(Wrapper)