[英]ReactJS - detect when the vertical scroll appears
当垂直窗口的浏览器滚动出现时,我想采取一些措施。 如下图所示:
https://www.dropbox.com/s/t8th7cp7rcr662a/scroll.jpg?dl=0
以下代码无效。
class App extends Component {
constructor(props) {
super(props)
this.onScroll = this.onScroll.bind(this)
}
onScroll(){
window.onscroll = function (Event) {
alert('the scroll is visible!')
}
}
componentDidMount() {
window.addEventListener('onscroll', this.onScroll)
}
componentWillUnmount() {
window.removeEventListener('onscroll', this.onScroll)
}
render() {
return (
<div>
<canvas id="canvas"></canvas>
<div className="wrapper-all">
<Coluna1 />
<Coluna2 />
<FooterMobile />
</div>
</div>
)
}
}
export default App;
您可以侦听resize
事件,并将document.body.scrollHeight
与document.body.clientHeight
进行比较。
componentDidMount() {
const screenHeight = window.innerHeight;
const totalHeight = window.body.scrollHeight;
if(screenHeight < totalHeight) {
alert('Scroll detected');
}
}
此代码很可能会解决您的问题。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.